美文网首页JavaWeb
js:数组的遍历

js:数组的遍历

作者: 蘑菇v5 | 来源:发表于2019-04-02 22:09 被阅读0次

    【声明:】本文是作者(蘑菇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){});
      解释:对数组中每一项运行回调函数,如果都返回trueevery就返回true;如果有一项返回false,则停止遍历,此方法返回false

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

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

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

    相关文章

      网友评论

        本文标题:js:数组的遍历

        本文链接:https://www.haomeiwen.com/subject/vannbqtx.html