filter map reduce陣列方法的用法

2021-10-07 17:52:01 字數 1205 閱讀 4174

filter: 檢查陣列中所有滿足條件的元素,並且返回乙個新陣列,不會改變舊陣列,同時也不會處理空陣列。

let arr =[1

,12,56

,24,15

,26];

let newarr = arr.

filter

(per =>);

console.

log(

'arr: '

, arr)

;console.

log(

'newarr'

, newarr);/*

輸出結果為:

arr: [ 1, 12, 56, 24, 15, 26 ]

newarr [ 56, 24, 26 ]

*/

map; 返回乙個新陣列,新陣列的元素為原始陣列中的元素呼叫函式處理後得到的值。不會檢查空陣列,不影響舊陣列的元素
let arr1 =[1

,5,2

,5,6

,2.5];

let newarr1 = arr1.

map(per =>);

console.

log(

'arr1: '

, arr1)

;console.

log(

'newarr1'

, newarr1);/*

輸出結果為:

arr1: [ 1, 5, 2, 5, 6, 2.5 ]

newarr1 [ 2, 10, 4, 10, 12, 5 ]

*/

reduce:接受乙個函式為累加器,陣列的每個值都從左到右進行累加,最終計算乙個值
let arr2 =[1

,5,2

,5,6

,2.5];

let newarr2 = arr2.

reduce

((total, num)

=>);

console.

log(

'arr2: '

, arr2)

;console.

log(

'newarr2'

, newarr2);/*

輸出結果為:

arr2: [ 1, 5, 2, 5, 6, 2.5 ]

newarr2 21.5

*/

常見的陣列方法

slice 方法可從已有陣列中返回選定的元素,返回乙個新陣列,包含從start到end 不包含結束 的陣列元素。var arr 11,22,33,44,55 console.log arr.slice 1,3 22,33 返回選擇的元素 console.log arr 11,22,33,44,55 ...

js的陣列方法

現在就再列出來一些 pop 方法從陣列中刪除最後乙個元素 1 2 fruits.pop 從 fruits 刪除最後乙個元素 mango pop 方法返回 被彈出 的值 1 2var x fruits.pop x 的值是 mango push 方法 在陣列結尾處 向陣列新增乙個新的元素 1 2 fru...

javaScript 陣列方法

1 array.concat 合併陣列 var a a b c var b x y z var c a.concat b,true c a b c x y z true 2 array.join 把陣列轉換成字串,預設是join var a a b c a.push d var c a.join c...