map、reduce、filter数组方法参数及用法详解

map方法的参数及使用示例

• 参数有三个，第一个是数组的每一项，第二个是每一项的索引值，第三个是数组本身
• 作用：返回一个数组（这个数组是数组其中一项某一个属性的集合体）
• 代码示例

let arr = [{name: "三石", age: 19},{name: "junze", age: 18}]
arr.map((item, index, array) => { 
    console.log(item, index, array);
    return item.name;
})

• 输出 ，最后一项返回的就是arr数组中name属性的结合体，再也不用for循环遍历数组再push数组的某一项了，看懂的同学评论111

reduce方法的参数及使用示例

• 第一个参数是回调的方法，数组中的每一项都会进入这个回调方法并且在这个回调函数返回的值会再次进入这个回调函数，实现一个数据的累加，第二个参数是累计初始的值，我们可以定一个初始累加的值
• 作用：实现数组中每一项中某个属性属性值的累加
• 代码示例：

let arr = [{name: "三石", age: 19},{name: "junze", age: 18}]
arr.reduce((n, item) => {
    n += item.name;
    return n;
},"")

• 输出，第二个参数是自己复制的值，第一个参数是一个回调函数，首先给n赋值n为空字符串，输出n。

filter方法的参数及使用示例

• 只有一个参数，是一个回调函数，回调函数只有一个参数，这个参数是数组中的某一项
• 作用：返回一个过滤的数组。

let arr = [{name: "三石", age: 19},{name: "junze", age: 18}]
arr.filter(item => item.name)

• filter返回的是一个