js数组方法的一些拓展

Array.prototype.forEach:替代for循环对数组进行循环遍历

var list  = [1,2,3,4,5]
list.forEach(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
})

Array.prototype.map:对数组进行遍历,同时会返回一个新数组,新数组中的每一项都是回调函数中的返回值

var list = [1,2,3,4,5]
var newArr = list.map(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
    return v * 2
})
console.log(newArr) // [2,4,6,8,10]

Array.prototype.findIndex:对数组进行遍历,会返回一个满足回调函数条件的元素的索引

var list  = [1,2,3,4,5]
var index = list.findIndex(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
    if(v == 4){
        // 当return true时终止循环 同时将该元素的索引返回给findIndex函数
        return true
    }

    // 简写成
    // return v == 4
})
console.log(index) // 3

Array.prototype.filter:对数组进行遍历,返回一个新数组,新数组中的每一项都是满足回调函数中条件的元素,当满足条件时需要return true

var list = [1,2,3,4,5]
var newArr = list.filter(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
    if(v%2 == 0){
        return true
    }

    // 简写成
    // return v%2 == 0
})
console.log(newArr) // [2,4]

Array.prototype.some:对数组进行遍历,返回一个布尔值,判断当前数组中是否有一个元素符合回调函数中的条件(特点:只要一个元素满足条件,最终返回结果就是true)

var list  = [1,2,3,4,5]
var flag = list.some(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
    if(v % 2 == 0){
        // return true时则终止继续循环
        return true
    }
})
console.log(flag) // true

// 注意: 由于遍历的数组第二个元素就满足了条件 所以循环到第二个元素时 就停止循环了

Array.prototype.every:对数组进行遍历,返回一个布尔值,判断当前数组中是否每一个元素都符合回调函数中的条件(特点:只要一个元素不满足条件,最终返回结果就是false)

var list  = [1,2,4,6,8]
var flag = list.every(function(v,i){
    // v是当前遍历的这一个元素 i是这个元素的索引
    console.log('当前元素是' + v,'当前元素的索引是' + i)
    if(v % 2 == 0){
        // return true时则终止继续循环
        return true
    }
})
console.log(flag) // false

// 注意: 由于遍历的数组第一个元素就不满足条件 实际上循环一次就停止了

之前整理的mdwen文档

js数组方法的一些拓展

猜你喜欢