ES6 陣列的新方法

2022-05-01 19:24:08 字數 1599 閱讀 7340

1.array.of() 方法建立乙個具有可變數量引數的新陣列例項,而不考慮引數的數量或型別。

array.of() 和 array 建構函式之間的區別在於處理整數引數:array.of(7)建立乙個具有單個元素7的陣列,而array(7)建立乙個長度為7的空陣列;

array(n)即建立length為n的空陣列。

array.of(7);  //

[7]array.of(1, 2, 3);

//[1, 2, 3]

array(7); //

[empty × 7]

array(1, 2, 3); //

[1, 2, 3]

2.array.from()方法從乙個類似陣列或可迭代物件中建立乙個新的,淺拷貝的陣列例項。

語法:array.from(arraylike[, mapfn[, thisarg]])

arraylike想要轉換成陣列的偽陣列物件或可迭代物件。

mapfn (可選引數)如果指定了該引數,新陣列中的每個元素會執行該**函式。

thisarg (可選引數)可選引數,執行**函式mapfnthis物件。

array.from('foo')

//["f", "o", "o"];

array.from([1, 2, 3], x => x +x)

//[2, 4, 6]

4.find

5.findindex

6.map

7.reduce

8.filter

9.foreach

11.some

陣列方法中已經總結,可以翻看上上個 筆記哦

下面做一道簡單的題目鞏固一下~  ~

var arr =[,,

,,,,

,]

//1: 刪除value為e的

arr = arr.filter(d => d.value !== 'e');

//2: 刪除第乙個value為e的

let index = arr.findindex(d => d.value === 'e');

arr.splice(index, 1)

//3: 刪除最後乙個value為e的

let index = arr.reverse().findindex(d => d.value === 'e');

arr.splice(index, 1);

arr.reverse();

//4: 找出所有value為e的

let newarr = arr.filter(d => d.value === 'e');

//5: 找出第乙個value為e的

let newarr = arr.find(d => d.value === 'e');

//6: 找出最後乙個value為e的

let newarr = arr.reverse().find(d => d.value === 'e').reverse();

es6陣列新方法

1 array.from aarr,fn,obj functionfn dr,sd,d console.log arr3 fn 1,2,2 2 array.of 將一組值轉化為陣列 可用此方法建立乙個陣列 function console.log result 3 find findindex fu...

ES6的新方法實現陣列去重

es6裡新新增了兩個很好用的東西,set和array.from。set是一種新的資料結構,它可以接收乙個陣列或者是類陣列物件,自動去重其中的重複專案。在這我們可以看見,重複的專案已經被去掉了,包括nan。正常情況下,nan nan 返回的是false,但是在set裡,一樣能夠幫你去重,厲害了。但是這...

js中es6新方法copyWithin

拷貝數組成員方法 copywithin copywithin拷貝陣列內部的成員 第乙個引數表示複製的位置 第二個引數表示複製的起始位置 第三個引數表示複製的結束位置 不包含 如下 var arr 0,1,2,3,4,5,6,7,8 arr.copywithin 2,4,6 0,1,4,5,4,5,6...