ES6陣列方法總結

2022-04-30 20:54:14 字數 1532 閱讀 5785

關於陣列中foreach() 、map()、filter()、reduce()、some()、every()的總結

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, 就停止迴圈

以上6個方法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陣列方法

類似字串的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 ...

ES6常用陣列方法總結

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 ...