js:数组的遍历

【声明:】本文是作者(蘑菇v5)原创,版权归作者 蘑菇v5所有,侵权必究。本文首发在。如若转发,请注明作者和来源地址!未经授权,严禁私自转载!

数组迭代方法包括:for循环every()filter()forEach()map()some()
注意:这几个方法不会修改原数组

语法格式:
数组/boolean/无 = 数组.every/filter/forEach/map/some(
                            function(element,index,arr){
                                            程序和返回值;
                        });
  • for
 for(var i = 0;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){});
    解释:对数组中每一项运行回调函数,如果都返回trueevery就返回true;如果有一项返回false,则停止遍历,此方法返回false

注意:every()方法的返回值是boolean值,参数是回调函数

  • some
    语法:Array.prototype.some(function(item, index,array){});
    解释:对数组中每一项运行回调函数,只要有一项返回true,则停止遍历,此方法返回true,如果没有满足条件的元素,则返回false

注意:some()方法的返回值也是boolean值,参数也是回调函数some()不会对空数组进行检测
比如:检测在数组中是否有大于10的元素或者检索数组中是否存在某个值

你可能感兴趣的:(js:数组的遍历)