es6 陣列 持續更新

2021-10-20 04:09:01 字數 1903 閱讀 6487

1、map 對映(乙個對乙個)

如:[12,56,99,86,45,91]對映成[不及格,不及格,及格,及格,不及格,及格]

引數: item:當前元素值

index:當前元素索引

arr:原陣列

2、reduce 彙總 (彙總出來乙個)

3、filter 過濾

4、foreach 迴圈

第乙個引數是遍歷的陣列內容,

第二個引數是對應的陣列索引,

第三個引數是陣列本身

/*——————————————————————————map應用————————————————————————————*/

//例1:如何讓陣列arr1中每個數變為2倍?

let arr1=[12

,5,8

];let result=arr1.

map(

function

(item,index,arr)

) console.

log(result)

;//簡寫 let result = arr1.map( item=> item*2 )

//例2:把成績對映成及格或不及格?

let score=[12

,56,99

,86,45

,91];

let resultscore=score.

map( item=>

)

/*——————————————————————————reduce應用————————————————————————————*/

//例1:計算陣列arr2的總數?

let arr2=[12

,68,52

,69,23

];let result2=arr2.

reduce

(function

(tmp,item,index)

)// console.log("result2:"+result2);

//例2:計算陣列arr2的平均數?

let result3=arr2.

reduce

((tmp,item,index)

=>

else})

/*——————————————————————————filter應用————————————————————————————*/

//例1:過濾陣列arr3中所有能被3整除的數?

let arr3=[12

,66,13

,16,99

,10,66

]let result4=arr3.

filter

(function

(item)

else

//item%3本來就是乙個布林值,所有可直接寫為return item%3;})

// console.log(result4);

//例子2:過濾陣列arr4中100以下的資料?

let arr4=[,

,,,]

let result5=arr4.

filter

(function

(item,index)

else})

// console.log(result5);

/*——————————————————————————foreach應用————————————————————————————*/

let arr5=[12

,5,8

,9];

arr5.

foreach

(function

(item,index)

)

es6學習(持續更新)

剛開始學習es6。本文件主要對es6的基礎語法進行歸納首先,切記要 use strict 宣告 1.let宣告 let a 1 let a 2 報錯console.log b 報錯,而用var宣告變數為undefined let b 2 for let i 0 i 9 i console.log i...

ES6學習,持續更新!!!

mdn 解構賦值 mdn export es6 import export用法 注意 export from src main 含義是 匯出其他模組的匯出 mdn import es6 import export用法 react import 配置路徑別名 簡化import component的方式...

ES6 陣列新增

window.onload function 作用 把類陣列 獲取一組陣列元素,arguments.物件轉成陣列 具備length這個東西,就靠譜 let arr 1,2,4 let arr2 array.from arr let json let arr array.from json 作用 把一...