ES6之陣列操作

2022-03-14 11:00:02 字數 4202 閱讀 4763

es6中對於陣列操作新增了4種方法:

1.map —— 對映(乙個對應乙個)

2.reduce —— 彙總(多個出來乙個)

3.filter —— 過濾

4.foreach —— 迭代/迴圈。

直接上**理解的更快:

返回結果:

上面的**表示 arr 裡面的元素,每個都乘以2,即每個元素都執行該方法。

這個理解起來可能比map要略微複雜一點,我們經常看到的計算購物車的總價啊,計算平均數啊什麼的,就可以用這個方法。先看個例子:

>陣列——reduce

title

>

head

>

<

body

>

<

script

>

let arr=[

1,5,

34,55];

let sum

=arr.reduce(

function

(tmp,item,index))

script

>

body

>

html

>

返回的結果如下:

從返回結果可以輕鬆得出item 是當前的那個元素,index 是索引(從1開始),那tmp對應的是什麼呢?它在這裡面就相當於乙個中間值的作用。比如在這個例子中,就表示第一次是1,第2次是6(1+5),第3次是40(6+34),最後是95(40+55)。

所以我們如果需要獲取上面陣列的平均數的話,可以按下面這樣寫:

>陣列——reduce

title

>

head

>

<

body

>

<

script

>

let arr=[

1,5,

34,55];

let sum

=arr.reduce(

function

(tmp,item,index)

else

})console.log(sum)

script

>

body

>

html

>

過濾。在用到搜尋功能的時候,條件過濾是很常見的乙個功能了。那麼這個方法該如何使用呢?

比如說,我們現在有乙個json資料,想要獲取到滿足某個條件的值,就可以像下面這樣寫:

>陣列——filter

title

>

head

>

<

body

>

<

script

>

/*獲取**大於100的食品

*/let food=[,,

,]let rich

=food.filter(json

=>

json.price

>

100)

console.log(rich);

script

>

body

>

html

>

返回結果如下圖:

是不是感覺用起來很酸爽~~

這個看這個名字,估計就能猜是幹嘛的了。就是迴圈陣列的。看下面例子:

>陣列——foreach

title

>

head

>

<

body

>

<

script

>

let arr=[

199,24,

5,34,

55,72];

arr.foreach((item,index)

=>

:$`)

})script

>

body

>

html

>

看到返回結果如下:

index就表示索引,item就表示當前元素的值。

上述就是es6中新增的4種運算元組的方法。說的很淺顯,自己學習時做的乙個筆記,所以不要覺得這玩意太弱智了哈~~

ES6 陣列操作

1 push 尾端插入,返回陣列長度let arr 1,hello true console.log arr.push 22 4 console.log arr,arr 1,hello true,22 console.log arr.push false,123 6 console.log arr,...

ES6陣列基本操作

es6合併陣列 方法1 es6中 let arr4 arr1,arr2,arr3 方法2 es5中 arr1.concat arr2,arr3 注意 這兩種方法都是淺拷貝,使用的時候需要注意 方法3ary1.push ary2 陣列的常用方法 例項方法 find let ary let target...

ES6之陣列的擴充套件

es6在陣列方面增加了一些方法和原型屬性,有些還是蠻有用的。擴充套件運算子 把陣列或者類陣列轉成用逗號隔開的引數 把類陣列轉成陣列,有限制 類陣列就是有長度的變數 var str wade console.log str w a d e 把陣列轉成用逗號隔開的引數序列 var arr 1,2,3 c...