js中的数组方法:map、forEach、filter、reduce、some、every、find、findIndex

arr.map(callback)  数组映射   一对一  可以有return返回值,使用变量接收新数组

callback参数说明:item  当前数据项 

     index  当前数据项的索引下标 

     arr 数组

            let arr=[43,132,532,1,4,9,21,53];
            let res=arr.map((item,index,arr)=>{
                return item*2
            })
            console.log("原数组:",arr)
            console.log("新数组:",res)
            // 原数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
            // 新数组: (8) [86, 264, 1064, 2, 8, 18, 42, 106]                       

arr.forEach(callback)  遍历数组  不能使用return返回值

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];
var newArr=[]
arr.forEach((item,index,arr)=>{
        newArr[index]=item*2
})
console.log("数组:",arr)
console.log(newArr)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//  [86, 264, 1064, 2, 8, 18, 42, 106]

 

arr.filter(callback)  过滤、筛选数组  使用return返回值

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.filter((item,index,arr)=>{
        return item>100
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//[132, 532]

arr.reduce(callback)  累加数组  使用return返回值

callback参数说明:tmp  合并数据项

        item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.reduce((tmp,item,index,arr)=>{
        return tmp+item
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//795

arr.some(callback)  查看数组中是否有符合条件的数据项,只要有一个满足条件,结果返回true

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.some((item,index,arr)=>{
        return item>100
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//true

arr.every(callback)  查看数组中是否有符合条件的数据项,只要有一个不满足条件,结果返回false

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.every((item,index,arr)=>{
        return item>100
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//false

arr.find(callback)  查看数组中是否有符合条件的数据项,如果有,返回该数据项,没有返回undefined

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.find((item,index,arr)=>{
        return item>100
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//132

arr.findIndex(callback)  查看数组中是否有符合条件的数据项,如果有,返回该数据项索引下标,没有返回-1

callback参数说明:item  当前数据项 

         index  当前数据项的索引下标 

         arr 数组

let arr=[43,132,532,1,4,9,21,53];

let res=arr.findIndex((item,index,arr)=>{
        return item>100
})
console.log("数组:",arr)
console.log(res)

// 数组: (8) [43, 132, 532, 1, 4, 9, 21, 53]
//1

 

posted @ 2020-04-13 10:43  山吹同学  阅读(311)  评论(0)    收藏  举报