ES6新增特性 -- 语法篇（二） --- map、reduce、filter、forEach

2、方法

2.1、map（映射）

map(item, index) index可以不要

• map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

[45, 60, 80] --- [不及格， 及格， 良好]

• map() 方法按照原始数组元素顺序依次处理元素。

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

使用：

let arr = [60, 53, 12, 90, 65];

let arr2 = arr.map(item => {
    return item >= 60 ? "及格" : "不及格"
})
console.log(...arr2)

2.2、reduce

reduce(tmp, item, index) index可以不要

• reduce() 方法接收一个函数作为累加器，数组中的每个值（从左到右）开始缩减，最终计算为一个值。

/* 举例：计算平均值 */
let arr = [60, 53, 12, 90, 65];

let result = arr.reduce((tmp, item, index) => {
    // tmp 是临时容器，存放数据
    if(index === arr.length - 1) 
        return (tmp + item) / arr.length
    return tmp + item
})
console.log(result)  // 56

2.3、filter（过滤）

filter(item, index)

• filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。
• 注意： filter() 不会改变原始数组。

/* 举例：返回及格的 */
let arr = [60, 53, 12, 90, 65];

let result = arr.filter(item => item >= 60)
console.log(result)

2.4、forEach（遍历）

forEach(item, index)

• forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数。

let arr = [60, 53, 12, 90, 65];

arr.forEach((item, index) => {
    console.log(`第${index}个：${item}`)
})