js高阶函数的使用

目录

 

1、fori

2、filter

3、map

4、reduce

---

1、fori

拿到索引值

            fori1() {
                /*i是索引值*/
                for (let i in this.books) {
                    console.log(i)
                    console.log(this.books[i])
                }
            },

直接拿到数组的元素

            fori2(){
                /*直接拿到book*/
                for (let book of this.books){
                    console.log(book)
                }
            },

 

2、filter

            getNums() {
                let newNum = this.nums.filter(function (n) {
                    return n > 100;
                })
                console.log(newNum)
            },

filter中的回调函数要求必须返回一个布尔值，当返回true时，函数会自动将这次回调的n加入到新的数组中；当返回为false时，函数会过滤掉这次的n

 

 

3、map

            forMap() {
                let newNums = this.nums.map(function (number) {
                    return number * 2
                });
                console.log(newNums);
            },

 

4、reduce

对数组中所有的内容进行汇总。

            forReduce() {
                let newNums = this.nums.reduce(function (preValue, n) {
                    return preValue + n;
                }, 0)
                console.log(newNums);
            },