iT邦幫忙

2021 iThome 鐵人賽

DAY 26
0
Modern Web

想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧系列 第 26

[想試試看JavaScript ] 陣列一些操作陣列好用的方法 forEach

陣列-一些操作陣列好用的方法

這篇整理一些常用的陣列方法

forEach()

forEach() 會將陣列中的元素一個一個套用到指定的 callback 函式運算

語法:

forEach() 的小括弧會放一個 callback 函式,函式內有三個參數

  1. currentValue,陣列中正在被處理的元素,也就是正被傳進 callback 函式的元素
  2. index (選填),正在被處理的元素的索引值
  3. array (選填),正在被處理的原陣列
Array.forEach(function(currentValue,index,array){
	// 想做的計算
})

範例:

var a=[1,2,3,4,5];
var b=0;
a.forEach(function(currentValue){
	console.log(currentValue);
	b=b+currentValue;
});
console.log(b); // 15 (1+2+3+4+5)

搭配第二個和第三個參數就可以修改原陣列

var a=[1,2,3,4,5];
a.forEach(function(currentValue,index,array){
	array[index]=currentValue*5;
})
console.log(a); // [5,10,15,20,25]

可以將使用迴圈的改用 forEach 改寫

var items=['a','b','c'];
var copy=[];
var i=0;
while(i<items.length){
	copy.push(item[i]);
	i++;
}
console.log(copy); // ['a','b','c']

用 forEach 改寫

var items=['a','b','c'];
var copy=[];
items.forEach(function(currentValue,index,array){
	copy.push(currentValue);
});
console.log(copy); // ['a','b','c']

不過 forEach 還是跟使用迴圈不太一樣,迴圈可以搭配 continue、break、return 來跳出迴圈

forEach 只要執行就不會終止。


上一篇
[想試試看JavaScript ] 陣列一些操作陣列好用的方法 (三)
下一篇
[想試試看JavaScript ] 陣列一些操作陣列好用的方法 map
系列文
想試試寫程式的感覺,就用 JavaScript 來寫寫看網頁吧30

尚未有邦友留言

立即登入留言