常用方法

1.forEach()

var data = [1,2,3,4,5];
var sum = 0;
//求和
data.forEach((item)=>{sum+=item})
//給原數組的每個值加1
data.forEach((value,index,data)=>{data[index] = value + 1})            

2.concat() //合並多個數組，返回合並後的新數組，原數組沒有變化。

const array = [1,2].concat([‘a‘, ‘b‘], [‘name‘]);
// [1, 2, "a", "b", "name"]

3.filter() //返回一個新數組，包含通過callback函數測試的所有元素。

var fil = [5,4,3,2,1];
smallvalues = fil.filter((x)=>{return x < 3});
console.log(smallvalues)//小於3
oddNumber = fil.filter((x,i) => x % 2 === 0);//偶數

4.map() //返回新數組

var a = [1,2,3], b;
b = a.map((x)=>{return x*3});
console.log(a,b)

5.every()和some() //every()和some()方法是數組的邏輯判定

var ever = [1,2,3,4,5];
var xiaoyushi = ever.every((x)=>{return x < 10})//返回true，所有的值都小於10
var evenNumber = ever.every((x)=> x % 2 === 0)//返回false，不是所有的值都是偶數
var shifouyousi = ever.some((x)=> x==4)//數組裏面有一個值等於4則返回true

6.reduce()和reduceRight

//reduce為數組中的每一個元素依次執行回調函數，不包括數組中被刪除或從未被賦值的元素，接受四個參數：初始值（或者上一次回調函數的返回值）
var arr = [1,2,3,4];
var qiuhe = arr.reduce((prev, cur, index, arr)=>{
//prev:上一次調用回調返回的值，或者是提供的初始值(initialValue)； cur:數組中當前被處理的元素
    console.log(prev, cur, index);
    return prev + cur;
})
//實例解析initialValue參數
var arr1 = [1,2,3,4];
var qiuhe2 = arr1.reduce((prev,cur,index,arr)=>{
    console.log(prev,cur,index);
    return prev + cur;
},0)//這裏設置了初始值
console.log(arr1, qiuhe2);
//結論： 如果沒有initialValue,reduce會從索引1的地方開始執行callback方法，跳過第一個索引。如果提供initialValue，從索引0開始。
            
/*var arr2 = [];
var qiuhe3 = arr2.reduce((prev, cur, index, arr)=>{//報錯，不能處理空數組
    console.log(prev, cur, index);
    return prev + cur;
})*/
            
var arr3 = [];
var qiuhe4 = arr3.reduce((prev, cur, index, arr)=>{//不會報錯，因為設置了初始值
    console.log(prev, cur, index);
    return prev + cur;
},0)
console.log(arr3,qiuhe4)
            
            
//reduce的簡單用法（求和，求乘積）
var arr4 = [1,2,3,4,5,6,7,8,9,10];
var qiuhe5 = arr4.reduce((x,y)=>{return x + y})
var mul = arr4.reduce((x,y)=>{return x * y})
var max = arr4.reduce((x,y)=>{return (x>y)?x:y})//求最大值
            
//reduce的高級用法
//1.計算數組中每個元素出現的次數
let names = [‘alice‘,‘bob‘,‘tiff‘,‘bruce‘,‘alice‘];
let nameNum = names.reduce((pre, cur)=>{
    if(cur in pre){
        pre[cur]++
    }else{
        pre[cur] = 1
    }
    return pre
},{})
console.log(nameNum)
            
//2.數組去重
let arr5 = [1,2,3,4,4,3,5];
let newArr = arr5.reduce((pre, cur)=>{
    if(!pre.includes(cur)){
        return pre.concat(cur)
    }else{
        return pre
    }
},[])
console.log(newArr)
            
//3.將二維數組轉化為一維數組
let arr6 = [[0,1],[2,3],[4,5]];
let newArr2 = arr6.reduce((pre,cur)=>{
    return pre.concat(cur)
},[])
console.log(newArr2);
            
//4.將多維數組轉化為一維數組
let arr7 = [[0,1],[2,3],[4,[5,6,7]]]
    const newArr3 = function(arr){
        return arr.reduce((pre,cur)=>{
            return pre.concat(Array.isArray(cur)? newArr3(cur): cur)
        },[])
}
console.log(newArr3(arr7));
            
//5.對象裏的屬性求和
var result = [
    {
        subject: ‘math‘,
        score: 10
    },
    {
        subject: ‘chinese‘,
        score: 20
    },
    {
        subject: ‘english‘,
        score: 30
    }
];
            
var qiuhe6 = result.reduce((prev,cur)=>{
    return cur.score + prev
},0)
console.log(qiuhe6)  

JavaScript（es6）數組常用的方法