ES6學習筆記 陣列的擴充套件

2022-09-06 06:15:08 字數 1761 閱讀 3339

1、array.from   應用兩類:類似於陣列的物件和可遍歷的的物件(包含map和set),只有轉換成真正的陣列,才可使用陣列的方法。

模擬:...擴充套件運算子也可以使某些物件變成陣列

2、array.of 主要彌補陣列建構函式array()的不足,引數的個數的不同,會導致array()的差異

沒有引數,表示建立空陣列

乙個引數,表示指定建立陣列的長度

2個以上,表示規定陣列的元素

array.of(3, 11, 8) //

[3,11,8]

array.of(3) //

[3]array.of(3).length //

1

3、copywithin,在當前陣列內部,將指定位置的成員複製到其他位置,然後返回到當前陣列

array.copywithin(target,start,end)

target(必須):從該位置開始替換資料

start(可選):從該位置開始讀取資料,預設為0

end(可選):到該位置前停止讀取資料,預設等於陣列長度

4、find()  和  findindex()

find()方法,用於找出第乙個符合條件的陣列成員

如果找到第乙個,返回--值符合的成員,,如果沒有符合,返回undefined.

**函式可以接受三個引數: 依次為當前的值,當前的位置和原陣列

var c = [1, 5, 10, 15].find(function

(value, index, arr) );

console.log('c:' +c);

var d = [1, 5, 10, 15].findindex(function

(value, index, arr) );

findindex() 與find類似,一般情況下,返回第乙個符合條件的成員,若都不符合,則返回-1.

和indexof相比的優點:可以發現nan

5、fill()方法使用給定值,填充乙個陣列。

乙個引數:陣列全部抹去,填充為引數值

三個引數:用於指定填充的起始位置和結束位置。

//

陣列例項的fill()

var e = ['a', 'b', 'c'].fill(7);

console.log(e);

//fill()海可以接受第二個和第三個引數,用於指定填充的起始位置和結束位置

var f = ['a', 'b', 'c'].fill(7, 1, 2);

console.log(f);

6、陣列例項的entries(),keys(),values(), 

entries()是對鍵值對的遍歷

keys()是對鍵名遍歷

values()是對鍵值的遍歷。

//

陣列例項的entries(), keys()和values()

for (let index of ['a', 'b'].keys())

//for (let elem of ['a', 'b'].values())

for (let [index, elem] of ['a', 'b'].entries())

7、includes();

表示某個陣列是否包含某個給定的值,返回true或false

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

true

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

false

ES6學習筆記 陣列

一 陣列擴充套件建立 1.array.from方法用於將兩類物件轉為真正的陣列 類似陣列的物件 array like object 和可遍歷 iterable 的物件 包括es6新增的資料結構set和map 可以接受第二個引數,用來對每個元素進行處理,將處理後的值放入返回的陣列。2.array.of...

陣列的擴充套件 ES6學習筆記

2.array.from 3.array.of 4.陣列例項的find 和findindex 5.陣列例項的fill 6.陣列例項的entries keys 和values 7.陣列例項的includes 含義 擴充套件運算子是三個點 用於將乙個陣列轉為用逗號分隔的引數序列,主要用於函式呼叫。fun...

es6學習筆記(三)陣列的擴充套件

一 擴充套件運算子 2,3,4,5 console.log 1,2,3,4,5 5 列印出來的結果是1,2,3,4,5,5 es5 function f x,y,z var args 1,2,3 陣列不能作為引數 es6 function f x,y,z var args 1,2,3 f args ...