美文网首页前端成神之路JavaScript(ECMA 6/7/8/9)
js迭代的方法(也就是数组的几个方法而已)

js迭代的方法(也就是数组的几个方法而已)

作者: 吴佳浩 | 来源:发表于2018-03-11 00:13 被阅读20次

    javascript中提供了一些迭代的方法,包括every,some,filter,map,forEach.

    1、filter():对数组中的每一项运行给定函数,返回该函数会返回true 的项组成的数组。

    
    let odd=array.filter(item=>{//获取出数组中的奇数
    
    return (item%2!=0);
    
    })
    
    let even=array.filter(item=>{//获取数组中偶数
    
    return (item%2===0)
    
    })
    
    

    2、forEach():对数组中的每一项运行给定函数。这个方法没有返回值。

    
    let a=[];
    
    let b=[];
    
    let arr=[1,2,3,4,5,6];
    
    arr.forEach((item,index)=>{
    
    if(item%2===0){
    
    a.push(item)
    
    }else{
    
        b.push(item)
    
        }
    
    })
    
    console.log(a);//循环遍历每一项复抽离处偶数
    
    console.log(b);//循环遍历每一项抽离处奇数
    
    

    3、map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

    
    let array1 = [1, 30, 39, 29, 10, 13];
    let array =array1.map(item=>{
        return item*2
    })
    console.log(array)
    

    4、some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true.否不符合条件则返回false

    
                        var array = [1, 2, 3, 4, 5];
    
                        var even = function(element) {
    
                          //检查元素是否为偶数
    
                          return element % 2 === 0;
    
                        };
    
                        console.log(array.some(even));
    
                        // 预期的输出:真
    
    

    5、every主要是用于判断一个素组中的值是否符合某个标准。必须是每个值都符合才会返回true。否则返回false.

    [12, 5, 8, 130, 44].every(x => x >= 10); // false
    [12, 54, 18, 130, 44].every(x => x >= 10); // true
    

    相关文章

      网友评论

      • 夏日望天看云:这不是数组的方法吗?为啥叫js迭代啊?请大佬解释一下:flushed:
      • Flutterain:写的很详细啊,受教了,谢谢分享

      本文标题:js迭代的方法(也就是数组的几个方法而已)

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