JS數組中的find、filter、forEach、map

1、find

find（）方法返回數組中符合條件的第一個元素，沒有的話，返回undefined數組

let arr = [1,2,3,4,5,6,7];
let result = arr.find(function (item) {
  return item > 4;
} )
console.log(result);//5
console.log(arr);//[1,2,3,4,5,6,7]
複製代碼

2、filter

filter( )方法返回一個新數組，用來篩選數組中符合條件的全部元素，若是沒有找到符號條件的，則返回一個空數組。markdown

let arr = [1,2,3,4,5,6,7];
let result = arr.filter(function (item) {
  return item > 4;
} )
console.log(result);//[5,6,7]
console.log(arr);//[1,2,3,4,5,6,7]
複製代碼

3、forEach

forEach( )方法用來對數組中的每個元素執行一次回調函數，可是沒有返回值（或返回值時undefined,即便回調函數中寫了return，返回值仍是undefined）；函數

forEach() 對於空數組是不會執行回調函數的。ui

let arr = [1,2,3,4,5,6,7];
let sum = 0;
let result = arr.forEach(function (item) {
   sum += item ;
} )
console.log(result);//undefined
console.log(arr);//[1,2,3,4,5,6,7]
console.log(sum);//28
複製代碼

4、map

map( )方法返回一個先數組，用來對數組中的元素經過回調函數進行過濾和處理，把處理後的結果放在一個新數組返回（若是沒有返回值，新數組的每個元素都爲undefined）；spa

let arr = [1,2,3,4,5,6,7];
let result = arr.map(function (item) {
  return item*2;
} )
console.log(result);//[2,4,6,8,10.12.14]
console.log(arr);//[1,2,3,4,5,6,7]
複製代碼