js中陣列常用方法總結

2022-07-30 10:03:14 字數 2239 閱讀 4141

array.map()

此方法是將陣列中的每個元素呼叫乙個提供的函式,結果作為乙個新的陣列返回,並沒有改變原來的陣列
1 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] 返回新陣列

2 let arr = [,];

let newarr = arr.map(x=>object.assign(x,));

//newarr = [,]

array.foreach()

此方法是將陣列中的每個元素執行傳進提供的函式,沒有返回值,直接改變原陣列,注意和map方法區分
let arr = [1, 2, 3, 4, 5]

arr.foreach(x => x*2)

// arr = [2, 4, 6, 8, 10] 陣列改變,注意和map區分

array.filter()

此方法是將所有元素進行判斷,將滿足條件的元素作為乙個新的陣列返回
letarr = [1, 2, 3, 4, 5]const isbigenough => value => value >= 3

letnewarr = arr.filter(isbigenough )

//newnum = [3, 4, 5] 滿足條件的元素返回為乙個新的陣列

array.every()

此方法是將所有元素進行判斷返回乙個布林值,如果所有元素都滿足判斷條件,則返回true,否則為false:

letarr = [1, 2, 3, 4, 5]const islessthan4 => value => value < 4

const islessthan6 => value => value < 6

arr.every(el=>el<4)//false

arr.every(el=>e.<6)//true

array.some()

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

letarr = [1, 2, 3, 4, 5]const islessthan4 => value => value < 4

const islessthan6 => value => value < 6

arr.some(el=>el<4)//false

arr.some(el=>e.<6)//true

array.reduce()

此方法是所有元素呼叫返回函式,返回值為最後結果,傳入的值必須是函式型別:
letarr = [1, 2, 3, 4, 5]

const add = (a, b) => a + b

letsum = arr.reduce(add)

//sum = 15  相當於累加的效果

與之相對應的還有乙個 array.reduceright() 方法,區別是這個是從右向左操作的

js中陣列常用方法總結

1.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 返回新陣列2.a...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0,5 後面5 個元素用 代替,其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true,否則返回...

js 中陣列的常用方法總結

arr.fill a 所有子元素 都改為 a array 8 fill 0 後面八個元素 全部用 代替 array 8 fill 0,5 後面5 個元素用 代替,其他是 undefined arr.every item item.age 20 如果陣列中所有元素的age 20 返回true,否則返回...