美文网首页2020前端
js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

作者: 悟空你又瘦了 | 来源:发表于2017-08-03 15:26 被阅读0次

    every(): 对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则结果返回true。
    some(): 对数组中的每一项运行给定函数,如果该函数任意一项返回true,则返回true。
    filter(): 对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。
    map(): 对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。
    forEach(): 对数组中的每一项运行给定函数,这个方法没有返回值。

    • every()
    对数组中的每一项运行给定的函数,如果该函数对每一项都返回true,则结果返回true。
    var arr = [1,1,3,4,5,6]
        var result = arr.every(function(item,index,arry){
            return (item > 2)   ---判断条件
        })
        console.log(result)----false
    
    • some()
    对数组中的每一项运行给定函数,如果该函数任意一项返回true,则返回true。
    var arr = [1,1,3,4,5,6]
        var result = arr.some(function(item,index,arry){
            return (item > 2)   ---判断条件
        })
        console.log(result)----true
    
    • filter()
    对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(过滤)
        var arr = [1,3,3,4,5,6]
        var result = arr.filter(function(item,index,arry){
            return (item > 2)   
        })
        console.log(result) --- [3, 3, 4, 5, 6]
    
    • map()
    对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组(映射)
        var arr = [1,3,3,4,5,6]
        var result = arr.map(function(item,index,arry){
            return (item* 2)   
        })
        console.log(result)--- [2, 6, 6, 8, 10, 12]
    
    • forEach()-----没有返回值
    对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(遍历,对每一项操作)
    var numbers = [1, 2, 3, 4, 5, 4, 3, 2, 1];
    numbers.forEach(function(item, index, arr) {
        item = item+1
        console.log(item)---- 2,3,4,5,6,5,4,3,2,
    });
    console.log(numbers)---[1, 2, 3, 4, 5, 4, 3, 2, 1]
    
    • for....in...-----遍历对象
    对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(遍历,对每一项操作)
    var obj = {a: 1, b: 2};  
    for (let i in obj) {  
     console.log("key:" + i + ", value:" + obj[i]);  
    } 
    key:a, value:1
     key:b, value:2
    

    相关文章

      网友评论

        本文标题:js数组和对象的六大迭代方法总结(判断2,过滤,映射,遍历2)

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