JS中常用的数组迭代方法（filter，forEach，map，every，some，find，findIndex）

传入这些方法中的函数均会接收3个参数：

Ⅰ.item（必须）：数组项的值

Ⅱ.index（可选）：该项在数组中的位置

Ⅲ.array（可选）：数组对象本身

var typeKey = [0, 1, 2, 3, '']

①filter()：返回该函数会返回true的项组成的数组（常用于过滤空数组项）

typeKey= typeKey.filter(item => {

    return item !== ''

})

console.log('typeKey:', typeKey) // [0, 1, 2, 3]

②forEach()：对数组每一项执行一遍回调函数，没有返回值

typeKey.forEach(item => {

    if (item) {

        console.log(item)

    }

})

③map()：返回每次函数调用的结果组成的数组（常用于处理数组项）

map() 方法：

1.返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

2.按照原始数组元素顺序依次处理元素。

注意： map() 不会对空数组进行检测。

注意： map() 不会改变原始数组。

var result = typeKey.map(item => {

    if (item) {

        return 1

    } else {

        return 0

    }

})

console.log('result:', result) // [0, 1, 1, 1, 0]

按条件删除数组某些的对象中的某些字段

this.types.map(item => {

    if (item.value === '2') {

         return delete item.value

    } else {

        return item

    }

})

console.log('types:', this.types)

④every()：用于检测数组所有元素是否都符合指定条件（通过函数提供）。

every() 方法使用指定函数检测数组中的所有元素：

• 如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。
• 如果所有元素都满足条件，则返回 true。

注意： every() 不会对空数组进行检测。

注意： every() 不会改变原始数组。

语法：array.every(function(currentValue,index,arr), thisValue)

var result = typeKey.every((item, index, array) => {

    return item>2

}) // 数组所有项均大于2，即都返回true，则最后返回true

var result = typeKey.every(item => item > 2)

console.log('result:', result) // false

⑤some()：用于检测数组中的元素是否满足指定条件（函数提供）

some() 方法会依次执行数组的每个元素：

• 如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。
• 如果没有满足条件的元素，则返回false。

注意： some() 不会对空数组进行检测。

注意： some() 不会改变原始数组。

语法：array.some(function(currentValue,index,arr),thisValue)

var result = typeKey.some((item, index, array) => {

    return item>2

}) // 数组存在大于2的项，则最后返回true

var result = typeKey.some(item => item > 2)

console.log('result:', result) // true

⑥find()：返回通过测试（函数内判断）的数组的第一个元素的值

find() 方法为数组中的每个元素都调用一次函数执行：

• 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
• 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。

语法：array.find(function(currentValue, index, arr),thisValue)

var types = [

    {

        name: '单选题',

        value: 1

    },

    {

        name: '多选题',

         value: 2

    },

    {

        name: '判断题',

        value: 3

    }

]

var result = types.find(item => item.value === 3)

console.log('result:', result)

⑦findIndex()：返回传入一个测试条件（函数）符合条件的数组第一个元素位置。

findIndex() 方法为数组中的每个元素都调用一次函数执行：

• 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
• 如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组，函数是不会执行的。

注意: findIndex() 并没有改变数组的原始值。

语法：array.findIndex(function(currentValue, index, arr), thisValue)

var types = [

    {

        name: '单选题',

        value: 1

    },

    {

        name: '多选题',

        value: 2

    },

    {

        name: '判断题',

        value: 3

    }

]

var result = types.findIndex(item => item.value === 3)

console.log('result:', result) // 索引：2