forEach会不会修改原数组

您所在的位置:网站首页 splice会不会改变原数组 forEach会不会修改原数组

forEach会不会修改原数组

2023-09-03 04:09| 来源: 网络整理| 查看: 265

forEach 的介绍: 

forEach()方法需要一个回调函数(这种函数,是由我们创建但是不由我们调用的)作为参数

回调函数中传递三个参数:

第一个参数,就是当前正在遍历的元素第二个参数,就是当前正在遍历的元素的索引第三个参数,就是正在遍历的数组

 注意:forEach() 没有返回值。也可以理解成:forEach() 的返回值是 undefined。

即 let tempArry = myArr.forEach() 这种方式接收是没有意义的。

forEach 能不能改变原数组

1、数组的元素是基本数据类型:(无法改变原数组)

let numArr = [1, 2, 3]; numArr.forEach((item) => { item = item * 2; }); console.log(numArr); // 打印结果:[1, 2, 3] , 不是 [2, 4, 6]

2、数组的元素是引用数据类型:(直接修改整个元素对象时,无法改变原数组)

let objArr = [ { name: '张三', age: 20 }, { name: '李四', age: 30 }, ]; objArr.forEach((item) => { item = { name: '王五', age: '29', }; }); console.log(JSON.stringify(objArr)); // 打印结果:[{"name": "张三","age": 20},{"name": "李四","age": 30}]

3、数组的元素是引用数据类型:(修改元素对象里的某个属性时,可以改变原数组)

let objArr = [ { name: '张三', age: 28 }, { name: '李四', age: 30 }, ]; objArr.forEach((item) => { item.name = '王五'; }); console.log(JSON.stringify(objArr)); // 打印结果:[{"name":"王五","age":28},{"name":"王五","age":30}]

如果你需要通过 forEach 修改原数组,建议用 forEach 里面的参数 2(index) 和参数 3(arr) 来做,具体请看下面的标准做法.

forEach() 通过参数 2、参数 3 修改原数组:(标准做法)

// 1、数组的元素是基本数据类型 let numArr = [1, 2, 3]; numArr.forEach((item, index, arr) => { arr[index] = arr[index] * 2; }); console.log(JSON.stringify(numArr)); // 打印结果:[2, 4, 6] // 2、数组的元素是引用数据类型时,直接修改对象 let objArr = [ { name: '张三', age: 28 }, { name: '李四', age: 34 }, ]; objArr.forEach((item, index, arr) => { arr[index] = { name: '王五', age: '10', }; }); console.log(JSON.stringify(objArr)); // 打印结果:[{"name":"王五","age":"10"},{"name":"王五","age":"10"}] // 3、数组的元素是引用数据类型时,修改对象的某个属性 let objArr2 = [ { name: '张三', age: 28 }, { name: '李四', age: 34 }, ]; objArr2.forEach((item, index, arr) => { arr[index].name = '王五'; }); console.log(JSON.stringify(objArr2)); // 打印结果:[{"name":"王五","age":28},{"name":"王五","age":34}]

如果纯粹只是遍历数组,那么,可以用 forEach() 方法

但是,如果你想在遍历数组的同时,去改变数组里的元素内容,那么,最好是用 map() 方法来做,不要用 forEach()方法,避免出现一些低级错误。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3