ES高阶函数,filter,map,reduce,splice

 

目录

filter

map

reduce

splice

综合使用1

综合使用2

---

---

filter

// 1.filter使用
let nums = [10, 20, 30, 40, 50, 100, 200]
let newNums1 = nums.filter(function (val) {
    return val < 100;
})
console.log(newNums1);

 

map

// 2.map使用
let nums = [10, 20, 30, 40, 50, 100, 200]
let newNums2 = nums.map(function (val) {
    return val * 10;
});
console.log(newNums2)

 

reduce

// 3.reduce使用，对数组中所有的内容进行汇总
// 每一次的使用之是上一次的返回值
let nums = [10, 20, 30, 40, 50, 100, 200]
let total1 = nums .reduce(function (preValue, nextValue) {
    return preValue + nextValue;
}, 0);
console.log(total1);

splice

// 从下标为0开始，删除1个元素
let arr = [1, 2, 3, 4, 5]
arr.splice(2, 2);
console.log(arr);

// 从下标为2开始，删除2个元素。并从下标为2开始添加8,9,10三个元素
let arr1 = [1, 2, 3, 4, 5]
arr1.splice(2, 2, 8, 9, 10);
console.log(arr1);

 

综合使用1

 

let nums = [10, 20, 30, 40, 50, 100, 200]

// 1.filter使用
let newNums1 = nums.filter(function (val) {
    return val < 100;
})
console.log(newNums1);

// 2.map使用
let newNums2 = newNums1.map(function (val) {
    return val * 10;
});
console.log(newNums2)

// 3.reduce使用，对数组中所有的内容进行汇总
// 每一次的使用之是上一次的返回值
let total1 = newNums2.reduce(function (preValue, nextValue) {
    return preValue + nextValue;
}, 0);
console.log(total1);

// 综合使用
let total = nums.filter(function (val) {
    return val < 100;
}).map(function (val) {
    return val * 10;
}).reduce(function (pre, next) {
    return pre + next;
}, 0)
console.log(total);

综合使用2

//函数式变成
let total3 = nums
    .filter(val => val < 100)
    .map(val => val * 10)
    .reduce((pre, next) => pre + next)
console.log(total3);