技術標籤：vuevue

目錄

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);
            },