【声明:】本文是作者(蘑菇v5)原创,版权归作者 蘑菇v5所有,侵权必究。本文首发在简书。如若转发,请注明作者和来源地址!未经授权,严禁私自转载!
数组迭代方法包括:for循环
、every()
、filter()
、forEach()
、map()
、some()
注意:这几个方法不会修改原数组
语法格式:
数组/boolean/无 = 数组.every/filter/forEach/map/some(
function(element,index,arr){
程序和返回值;
});
- for
for(var i = 0;i<arr.length;i++){
console.log(arr[i]); // arr[i]代表的是数组中的每一个元素i
}
- forEach
语法:Array.prototype.forEach(function(item, index,obj){});
注意:forEach()
这种遍历方法只支持IE8
以上的浏览器。IE8
及以下的浏览器均不支持该方法。所以如果需要兼容IE8
,则不要使用forEach
,改为使用for循环
来遍历即可。
解释:forEach()
方法需要一个回调函数作为参数,数组中有几个元素,该回调函数就会执行几次。执行完毕后,浏览器会将遍历到的元素。
回调函数中传递三个参数:
- 参数1:当前正在遍历的元素(
item
) - 参数2:当前正在遍历的元素的索引(
index
) - 参数3:正在遍历的数组(
obj
)
arr.forEach(function(item, index, obj) {
console.log("item:" + item);
console.log("index:" + index);
console.log("obj:" + obj);
});
- map
语法:Array.prototype.map(function(item, index,array){});
解释:对数组中每一项运行回调函数,返回该函数的结果,组成的新数组(返回的是加工之后的新数组)
比如:有一个已知的数组arr1
,我要求让arr1
中的每个素加10
,这里就可以用到map
方法
- filter
语法:Array.prototype.filter(function(item, index,array){});
解释:对数组中每一项运行回调函数,该函数返回结果是true
的项,将组成新的数组(返回的是加工之后的新数组)
比如:找出数组arr1
中大于4
的元素
- every
语法:Array.prototype.every(function(item, index,array){});
解释:对数组中每一项运行回调函数,如果都返回true
,every
就返回true
;如果有一项返回false
,则停止遍历,此方法返回false
注意:every()
方法的返回值是boolean
值,参数是回调函数
- some
语法:Array.prototype.some(function(item, index,array){});
解释:对数组中每一项运行回调函数,只要有一项返回true
,则停止遍历,此方法返回true
,如果没有满足条件的元素,则返回false
注意:some()
方法的返回值也是boolean
值,参数也是回调函数,some()
不会对空数组进行检测
比如:检测在数组中是否有大于10
的元素或者检索数组中是否存在某个值
网友评论