forEach( )遍历数组方法 之(多种说法)

说法 一

forEach()

这种方法只是使用处理需要循环项目的数组变得更加容易,因为你不必像通常那样写出笨重而长的for循环语句

forEach() 方法用于调用数组的每个元素 并将元素传递给回调函数 没有返回值 原数组不变

 注意: forEach() 对于空数组是不会执行回调函数的

let arr = [1, 2, 3, 4];
arr.forEach(item => {
    item = item * 2;
});
console.log(arr); // [1, 2, 3, 4]   原数组保持不变

说法二

forEach()

forEach()是最简单 最常用的数组遍历方法 , 他提供一个回调函数 , 可用于处理数组的每一个元素 默认没有返回值

1.回调函数的参数 第一个是处于当前循环的元素 第二个是该元素的下标 第三个是数组本身 ,三个参数均可选

2.forEach() 从头到尾遍历数组,改变数组本身 , 参数依次是数组元素,元素索引,数组本身

        var arr = [1, 2, 3, 4, 5];
        arr.forEach(function (item, index, arr1) {
            arr1[index] = item + 1;
        })
        console.log(arr);//[2,3,4,5,6]

说法三

 forEach()

forEach() 方法需要一个函数作为参数

像我们写这的函数,由我们创建,但不由我们调用,我们称为 回调函数

我们以实参的形式传递进来,可以来定义形参,来读取内容

该方法没有返回值,可以不用知道数组长度

浏览器会在回调函数中传递三个参数,他们的作用分别为:

第一个参数:就是当前正在遍历的对象

第二个参数:就是当前正在遍历的对象的索引

第三个参数:就是当前正在遍历的数组

		var arr=[1,2,3,4,5,6];
		arr.forEach(function (value,index,array){
			console.log("第一个参数="+value);
//			console.log("第二个参数="+index);
//			console.log("第三个参数="+array);
		})

分别对他们显示,这样结构比较清晰:
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

缺点: 这种写法的问题在于,无法中途跳出forEach循环,break命令/return命令 都不能奏效

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值