es6陣列的方法

2022-09-14 17:54:16 字數 2397 閱讀 7825

擴充套件運算子   ...

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


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


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




push方法// es5的 寫法
var arr1 = [0, 1, 2];


var arr2 = [3, 4, 5];


// es6 的寫法


let arr1 = [0, 1, 2];


let arr2 = [3, 4, 5];


arr1.push(...arr2);


類陣列轉換為陣列


array.from（）


let arraylike = ;


// es5的寫法


var arr1 = .slice.call(arraylike);// ['a', 'b', 'c']


// es6的寫法


let arr2 = array.from(arraylike);// ['a', 'b', 'c']




array.of()把內容轉化為陣列
array.of(3, 11, 8)// [3,11,8]


array.of(3)// [3]


array.of(3).length// 1




array.find()


array.findindex()


array.fill()
fill方法使用給定值，填充乙個陣列。

['a', 'b', 'c'].fill(7)// [7, 7, 7]


new array(3).fill(7)// [7, 7, 7]
上面**表明，fill方法用於空陣列的初始化非常方便。陣列中已有的元素，會被全部抹去。

fill方法還可以接受第二個和第三個引數，用於指定填充的起始位置和結束位置。

['a', 'b', 'c'].fill(7, 1, 2)// ['a', 7, 'c']




array.includes() //陣列中是否包括內容，返回內容是布林值
[1, 2, 3].includes(2)    // true


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


[1, 2, nan].includes(nan)// true
該方法的第二個引數表示搜尋的起始位置，預設為0。如果第二個引數為負數，則表示倒數的位置，如果這時它大於陣列長度（比如第二個引數為-4，但陣列長度為3），則會重置為從0開始。

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


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




array.flat()將陣列拉平，將陣列拉平
陣列的成員有時還是陣列，array.prototype.flat()用於將巢狀的陣列「拉平」，變成一維的陣列。該方法返回乙個新陣列，對原資料沒有影響。

[1, 2, [3, 4]].flat()// [1, 2, 3, 4]
上面**中，原陣列的成員裡面有乙個陣列，flat()方法將子陣列的成員取出來，新增在原來的位置。

flat()預設只會「拉平」一層，如果想要「拉平」多層的巢狀陣列，可以將flat()方法的引數寫成乙個整數，表示想要拉平的層數，預設為1。

[1, 2, [3, [4, 5]]].flat()// [1, 2, 3, [4, 5]]


[1, 2, [3, [4, 5]]].flat(2)// [1, 2, 3, 4, 5]
上面**中，flat()的引數為2，表示要「拉平」兩層的巢狀陣列。

如果不管有多少層巢狀，都要轉成一維陣列，可以用infinity關鍵字作為引數。

[1, [2, [3]]].flat(infinity)// [1, 2, 3]

陣列的方法 es6

1,arr.push 從後面新增元素,返回值為新增完後的陣列長度 2,arr.pop 從後面刪除元素,只能刪除乙個,返回值是刪除的元素 3,arr.shift 從前面刪除元素,只刪除乙個,返回值是刪除的元素 4,arr.unshift 從前面新增元素,返回值是新增完後的陣列長度 5,arr.spli...

ES6陣列新增方法

1 字串轉陣列 個人感覺有些類似於arr.split let str hello console.log array.from str array 5 h e l l o 2 將類陣列物件轉換為真正陣列 let arrlist let arr array.from arrlist console.l...

es6 陣列擴充套件方法

1.擴充套件運算子 含義 擴充套件運算子，三個點 將乙個陣列轉為用逗號分隔的引數順序。例如 console.log 1,2,3 console.log 1,2,3 結果 1,2,3 1,2,3 用法 作為函式引數 function f x,y,z let args 0,1,2 f args 用法 求...