filter()遍历注意事项:
1.未被赋值的元素不会被遍历到
2.在遍历开始后添加到数组的元素不会被遍历到
3.被删除的元素不会被遍历到
4.在遍历该项之前,可以更改该项值
1.
<script> var a = [1,2,3]; a[6] = 10; console.log(a);//[1, 2, 3, empty × 3, 10] var obj = { suc:"yes", fail:undefined } var result = a.filter(function(value,index){ if(value === undefined) return obj.suc },obj); console.log(result);//[] </script>
结果为空数组
虽然a[5]的输出是unfined,但是a[5]作为未被赋值项,不会被filter()遍历
<script> var a = [1,2,3,void 0,4,5,void 0,6,void 0,7]; var obj = { suc:"yes", fail:undefined } var result = a.filter(function(value,index){ if(value === undefined) return obj.suc },obj); console.log(result); </script>
结果:[undefined,undefined,undefined]
数组未被赋值项的undefined和显示赋值undefined是不同的。这里的3,6,8项会被遍历到
2.
<script> var a = [1,2,3,4,5,6,7,8,9]; var obj = { suc:"yes", fail:undefined } var result = a.filter(function(value,index){ if(index == 0)a[9] = 10; return !(value%2); },obj); console.log(result); </script>
结果:[2,4,6,8]
虽然在遍历到第一个元素时,就为数组添加了新元素a[9],但是新元素不会被遍历到。被遍历的元素是遍历开始的时候,数组的一个快照。注意这个快照只关注数组的索引项,而不是索引项值