[想试试看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 只要执行就不会终止。


<<:  Day13_附录A.控制项(A5~A7)

>>:  Day11 AR安全帽 边骑车边滑手机(用声音) 给不想要乖乖骑车的你(前提是够有钱)

JS 26 - 进阶版互动视窗!不只警告、确认和提示,还有导览功能!

大家好! 我们今天要实作能和使用者互动的视窗。 我们进入今天的主题吧! 互动视窗 如果要和使用者互动...

Day30_终於结束了

嗨~大家,30天说长不长,说短也不短,谢谢这30天来大家的陪伴,坚持30天不间断的发文,真的是一个大...

Day30 心得总结

终於到最後一天了,心里满是期待又怕受伤害,期待的点,可能是,这是我第一次做这样的挑战,连续30天发文...

Day01 - 铁人赛我又来罗

避免像去年一样焦头烂额,这次提前至 7 月开始准备铁人赛, 即便提早准备,也不知要写什麽... 只准...

Day 21 Flask Blueprint

前面说那麽多次以後会遇到大型专案会怎样怎样的,所以现在就要来说一下大型专案长怎样,如何将大型专案拆解...