ES6新增陣列方法

2021-09-24 10:29:54 字數 956 閱讀 6105

1.includes()

[1, 2, 3].includes(2)
indexof要去比較是否不等於-1，表達起來不夠直觀；而且它內部使用嚴格相等運算子（===）進行判斷，這會導致nan不等於nan

4.擴充套件運算子

console.log(...[1, 2, 3]) // // 1 2 3


主要用於函式呼叫:


// es5 的寫法


// es6 的寫法


math.max(...[14, 3, 77])


優化某些方法：


// es5


// es6


arr1.push(...arr2);


深拷貝陣列：


const a1 = [1, 2];


// 寫法一


const a2 = [...a1];


// 寫法二


const [...a2] = a1;
3.array.from()將偽陣列物件轉換為陣列

常見偽陣列物件：

// arguments物件


function foo() 


// nodelist物件


[ ...document.queryselectorall('div') ]


// es5的寫法


var arr1 = .slice.call(arraylike)


// es6的寫法


let arr2 = array.from(arraylike)
4.find(fn)返回符號條件的第乙個元素

findindex(fn)返回符號條件的第乙個元素的索引

[1, 4, -5, 10].find((item) => )


[1, 4, -5, 10].findindex((item) => )

ES6新增陣列方法

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

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