forEach会不会修改原数组 |
您所在的位置:网站首页 › splice会不会改变原数组 › forEach会不会修改原数组 |
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 |