知方号

知方号

在数组中的forEach()方法中使用splice()方法删除数组元素带来的隐患(js)

在数组中的forEach()方法中使用splice()方法删除数组元素带来的隐患(js)

问题描述:Array.forEach()中调用splice()方法删除数组元素带来的问题。

题目:移除数组 arr 中的所有值与 item 相等的元素。不要直接修改数组 arr,结果返回新的数组

示例 输入: [1, 2, 3, 4, 2], 2 输出: [1, 3, 4] //错误代码 function remove(arr, item) { var newarr=[]; arr.forEach(function(element,index){ if(element==item){ console.log(arr.splice(index,1));//错误 //console.log(index); }else{ newarr.push(element) } }) return newarr; } console.log(remove([1,2,3,1],1)); //正确代码 function remove(arr, item) { var newarr=[]; arr.forEach(function(element,index){ if(element!=item){ newarr.push(element) } }) return newarr; } console.log(remove([1,2,3,1],1)); 问题解析:

经过运行可以发现错误代码运行后,输出的数组为:[3]。 而正确的代码运行后,输出的结果是[2,3] 是因为arr.splice(index,1);删除数组元素后会改变原数组。 其执行过程如下: forEach()第一次循环,寻找数组中的第一个元素,发现arr[0]==1后,立即执行删除操作,数组arr变成[2,3,1]; forEach()第二次循环,寻找数组中的第二个元素即arr[1],而此时我们发现arr[0]并没有被遍历到,也就因此newarr数组中缺少了2这个元素;

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至lizi9903@foxmail.com举报,一经查实,本站将立刻删除。