陣列迴圈的六種方法

2021-09-14 03:54:32 字數 2023 閱讀 3740

1.foreach()

let array =[1

,2,3

,4];

array.

foreach

((item, index, array)

=>

);

foreach會遍歷陣列, 沒有返回值, 不允許在迴圈體內寫return, 不會改變原來陣列的內容.foreach()也可以迴圈物件。

2.map()

let array =[1

,2,3

,4];

let temp = array.

map(

(item, index, array)

=>);

console.

log(temp)

;// [10, 20, 30, 40];

console.

log(array)

;// [1, 2, 3, 4]

map 遍歷陣列, 會返回乙個新陣列, 不會改變原來陣列裡的內容

let temp2 = array.

map(string)

;// 把陣列裡的元素都轉成字串

console.

log(temp2)

;

3.filter()

let array =[1

,2,3

,4];

let temp = array.

filter

((item, index, array)

=>);

console.

log(temp)

;// [4]

console.

log(array)

;// [1, 2, 3, 4]

filter 會過濾掉陣列中不滿足條件的元素, 把滿足條件的元素放到乙個新陣列中, 不改變原陣列

4.reduce()

let array =[1

,2,3

,4];

let temp = array.

reduce

((x, y)

=>);

console.

log(temp)

;// 10

console.

log(array)

;// [1, 2, 3, 4]

x 是上一次計算過的值, 第一次迴圈的時候是陣列中的第1個元素

y 是陣列中的每個元素, 第一次迴圈的時候是陣列的第2個元素

5.every()

let array =[1

,2,3

,4];

let bo = array.

every

((item, index, array)

=>);

console.

log(bo)

;// false;

every遍歷陣列, 每一項都是true, 則返回true, 只要有乙個是false, 就返回false

6.some()

let array =[1

,2,3

,4];

let temp = array.

some

((item, index, array)

=>);

console.

log(temp)

;// true

遍歷陣列的每一項, 有乙個返回true, 就停止迴圈

以上6個方法ie9及以上才支援。不過可以通過babel轉義支援ie低版本。

以上均不改變原陣列。

some、every返回true、false。

map、filter返回乙個新陣列。

reduce讓陣列的前後兩項進行某種計算,返回最終操作的結果。

foreach 無返回值。

陣列遍歷六種方法

foreach some every map filter reducer var arr 1,2,3,4 arr.foreach item,index,arr foreach遍歷陣列,無返回值,不改變原陣列,僅僅只是遍歷 常用於註冊元件 指令等等。var arr 1,2,3,4 arr.some ...

居中的六種方法

居中效果在css中很是普通的效果,平時大家所看到的居中效果主要分為三大類 水平居中 垂直居中和水平垂直居中。而其中水平居中相對於後兩者來說要簡單得多。早期總結了一下網際網路上有關於水平垂直居中的幾種實現方案,比如說 css製作水平垂直居中對齊 中介紹了八中實現水平垂直的方案,而在 css製作水平垂直...

JS陣列去重的六種方法

一 利用es6 set去重 es6中最常用 function unique arr var arr 1,1,true true true,true,15,15,false,false,undefined,undefined,null,null,nan,nan,nan 0,0,a a console....