ES6常用陣列方法總結

2021-09-28 10:36:12 字數 2063 閱讀 7302

let array = [1,2,3,4];

array.foreach((item, index, array) => );

foreach會遍歷陣列, 沒有返回值, 不允許在迴圈體內寫return, 不會改變原來陣列的內容.

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);  // 把陣列裡的元素都轉成字串

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 會過濾掉陣列中不滿足條件的元素, 把滿足條件的元素放到乙個新陣列中, 不改變原陣列

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個元素

let array = [1, 2, 3, 4];

let bo = array.every((item, index, array) => );

console.log(bo);    // false;

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

let array = [1, 2, 3, 4];

let tmep = array.some((item, index, array) => );

console.log(temp);  // true

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

let arr=[1,2,234,'sdf',-2];

for(let a of arr.values())

values,對陣列項的遍歷

let arr=[1,2,234,'sdf',-2];

for(let a of arr.keys())

keys,對陣列索引的遍歷

let arr=['w','b'];

for(let a of arr.entries())

for(let [i,v] of arr.entries())

entries,對陣列鍵值對的遍歷。

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

以上均不改變原陣列。

some、every返回true、false。

map、filter返回乙個新陣列。

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

foreach 無返回值。

ES6陣列方法總結

關於陣列中foreach map filter reduce some every 的總結let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array...

ES6陣列方法總結

關於陣列中foreach map filter reduce some every 的總結let array 1,2,3,4 array.foreach item,index,array foreach會遍歷陣列,沒有返回值,不允許在迴圈體內寫return,不會改變原來陣列的內容.let array...

ES6陣列方法

類似字串的indexof 方法 1 stringobject.indexof searchvalue,fromindex 2 3 var data 2,5,7,3,5 4 console.log data.indexof 5,x 1 x 被忽略 5 console.log data.indexof ...