ES6新增陣列方法

2022-07-09 19:48:10 字數 1293 閱讀 9093

1.擴充套件運算子可以將陣列或者物件轉為用逗號分隔的引數序列

let ary = [1, 2, 3];


...ary // 1, 2, 3


console.log(...ary); // 1 2 3,相當於下面的**


console.log(1,2,3);
2.擴充套件運算子可以應用於合併陣列

let ary1 = [1, 2, 3];


let ary2 = [3, 4, 5];


let ary3 = [...ary1, ...ary2];


// 方法二 


ary1.push(...ary2);
3.將類陣列和偽陣列或可遍歷物件轉換為真正的陣列

建構函式方法：array.from()

let odivs = document.getelementsbytagname('div'); 


odivs = [...odivs];


//定義乙個集合


let arraylike = ; 


//轉成陣列


let arr2 = array.from(arraylike); // ['a', 'b', 'c']
4.例項方法：find() 用於找出第乙個符合條件的陣列成員，如果沒有找到返回undefined

let ary = [, ]; 


let target = ary.find((item, index) => item.id == 2);//找陣列裡面符合條件的值，當陣列中元素id等於2的查詢出來，注意，只會匹配第乙個
5.findindex() 用於找出第乙個符合條件的陣列成員的位置，如果沒有找到返回-1

let ary = [1, 5, 10, 15];


let index = ary.findindex((value, index) => value > 9); 


console.log(index); // 2
6.includes() 判斷某個陣列是否包含給定的值，返回布林值。

[1, 2, 3].includes(2) // true 


[1, 2, 3].includes(4) // false

ES6新增陣列方法

1.includes 1,2,3 includes 2 indexof要去比較是否不等於 1，表達起來不夠直觀 而且它內部使用嚴格相等運算子 進行判斷，這會導致nan不等於nan 4.擴充套件運算子 console.log 1,2,3 1 2 3 主要用於函式呼叫 es5 的寫法 es6 的寫法 m...

ES新增陣列方法

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

es6新增的陣列方法

1.map 給陣列呼叫乙個函式，生成乙個新陣列 let arr 1,2,3,4,5 let newarr arr.map item item 3 console.log newarr 3,6,9,12,15 2.filter 條件篩選出符合條件的資料，生成新陣列 let arr 1,2,3,4,5 ...