mood

今天精神好多了，还去图书馆学了会习（看的《Vue.js前端开发基础与项目实战》这本书，目前看着觉得还不错），心情一半一半吧，有开心的也有不开心的。

学了JS几个高阶函数

filter()

filter()的返回值中必须有一个boolean值，
当返回true时,函数内部会自动将这次回调的n加入到新的数组中；
当返回false时,函数内部会过滤掉这次的n

const nums = [10, 20, 111, 222, 444, 40, 50]
var n;
let newNums = nums.filter(function (n) {
    return n<100
})
    console.log(newNums);

如图

image.png

map（）

map()对数组内所有数据进行改变

const nums = [10, 20, 111, 222, 444, 40, 50]
 let new2Nums = nums.map(function (n) {
        return n*2
    })
    console.log(new2Nums);

如图

image.png

reduce（）

reduce（）对数组内容进行汇总

const nums = [10, 20, 111, 222, 444, 40, 50]
let total = nums.reduce(function (prevalue, n) {
    return prevalue + n
},0)
console.log(total);

如图

image.png

链式调用

let total = nums.filter(function (n) {
    return n < 100
}).map(function (n) {
    return n * 2
}).reduce(function (prevvalue, n) {
    return prevvalue + n
},0)
console.log( total);

如图

image.png

改为箭头函数（参考）

let total = nums.filter(n => n <100).map(n => n * 2).reduce((pre,n) => pre + n);
console.log(total);

如图

image.png

今天学的v-model没写上，到点了该休息了明天再写吧。今天依旧是进展缓慢的一天。