React学习笔记三：基础知识(3)

6. 数组方法

// map()
// 根据原数组返回一个新数组
// 需要一个回调函数作为参数，回调函数的返回值会成为新数组中的元素
// 回调函数中有三个参数；一个参数是当前元素，二个参数是当前元素索引，三个参数是数组本身
const arr1 = [1,2,3,4,5]
let res1 = arr1.map(()=> 10)
console.log(res1); // [10, 10, 10, 10, 10]

let res2 = arr1.map((item, index, array)=>{
    return item+2 // [3,4,5,6,7]
})
console.log(res2);


// filter()
// 可以从一个数组中获取符合条件的元素,返回一个新数组
// 根据返回值保留到新数组，false不保留，true保留
let res3 = arr1.filter(item => {
    if(item%2 == 0){
        return item
    }
})
console.log(res3);  // [2, 4]


// find()
// 返回符合条件的第一个元素
let res4 = arr1.find(item => {
    if(item%2 == 0){
        return item
    }
})
console.log(res4);  // 2


// reduce()
// 用来合并数组中的元素
// reduce可以传2个参数，1回调函数(运算规则)，2初始值
// 回调函数可以传4个参数，1.上一个运算值；2.当前值；3.当前值索引；4.当前数组
let res5 = arr1.reduce((prev,curr) => {
    return prev+curr
}, 100)
console.log(res5);  // 未传初始值，打印结果：15；传初始值100，打印结果：115；