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