前言

從事前端到現在也有快兩年了，平時也會收集整理一些筆記放在印象筆記，不過收集過之后就在沒有看過，經大佬指點，真正掌握一個知識點，最好的方式就是用自己的話把內容講明白，就開始將以前零散的東西整合一下，和各位道友一起提高。

操作數組

印象中數組有很多方法，系統的整理一下，放在自己家里方便回頭查~

Array.map()

此方法是將數組中的每個元素調用一個提供的函數，結果作為一個新的數組返回，并沒有改變原來的數組

let arr = [1, 2, 3, 4, 5]  let newArr = arr.map(x => x*2)  //arr= [1, 2, 3, 4, 5]  原數組保持不變  //newArr = [2, 4, 6, 8, 10] 返回新數組

Array.forEach()

此方法是將數組中的每個元素執行傳進提供的函數，沒有返回值，直接改變原數組，注意和map方法區分

let arr = [1, 2, 3, 4, 5]  num.forEach(x => x*2)  // arr = [2, 4, 6, 8, 10] 數組改變,注意和map區分

Array.filter()

此方法是將所有元素進行判斷，將滿足條件的元素作為一個新的數組返回

let arr = [1, 2, 3, 4, 5]  const isBigEnough => value => value >= 3  let newArr = arr.filter(isBigEnough )  //newNum = [3, 4, 5] 滿足條件的元素返回為一個新的數組

Array.every()

此方法是將所有元素進行判斷返回一個布爾值，如果所有元素都滿足判斷條件，則返回true，否則為false：

let arr = [1, 2, 3, 4, 5]  const isLessThan4 => value => value < 4  const isLessThan6 => value => value < 6  arr.every(isLessThan4 ) //false  arr.every(isLessThan6 ) //true

Array.some()

此方法是將所有元素進行判斷返回一個布爾值，如果存在元素都滿足判斷條件，則返回true，若所有元素都不滿足判斷條件，則返回false：

let arr= [1, 2, 3, 4, 5]  const isLessThan4 => value => value < 4  const isLessThan6 => value => value > 6  arr.some(isLessThan4 ) //true  arr.some(isLessThan6 ) //false

Array.reduce()

 此方法是所有元素調用返回函數，返回值為最后結果,傳入的值必須是函數類型：

let arr = [1, 2, 3, 4, 5]  const add = (a, b) => a + b  let sum = arr.reduce(add)  //sum = 15 相當于累加的效果  與之相對應的還有一個 Array.reduceRight() 方法，區別是這個是從右向左操作的

Array.push()

此方法是在數組的后面添加新加元素，此方法改變了數組的長度：

Array.pop()

此方法在數組后面刪除最后一個元素，并返回數組，此方法改變了數組的長度：

let arr = [1, 2, 3, 4, 5]  arr.pop()  console.log(arr) //[1, 2, 3, 4]  console.log(arr.length) //4