二、數(shù)組擴展
//Array.of()
//定義:用于將一組值,轉(zhuǎn)換為數(shù)組
Array.of(); //[]
Array.of(1); //[1]
Array.of(1,2,3); //[1, 2, 3]
Array.of(4,5).length; //2
// copyWithin()
// 定義:將指定位置的成員復制到其他位置(會覆蓋原有成員),然后返回當前數(shù)組(會修改當前數(shù)組)
// 接受三個參數(shù)copyWithin(target, start , end)
// target(必需):從該位置開始替換數(shù)據(jù)。如果為負值,表示倒數(shù)。
// start(可選):從該位置開始讀取數(shù)據(jù),默認為 0。如果為負值,表示從末尾開始計算。
// end(可選):到該位置前停止讀取數(shù)據(jù),默認等于數(shù)組長度。如果為負值,表示從末尾開始計算。
[1, 2, 3, 4, 5].copyWithin(0, 3) ; //[4, 5, 3, 4, 5]
//將從3號位直到數(shù)組結(jié)束的成員(4和5),復制到從0號位開始的位置,結(jié)果覆蓋了原來的1和2。
[1, 2, 3, 4, 5].copyWithin(0, 3, 4) //[4, 2, 3, 4, 5]
//將從3號位開始4號位結(jié)束的成員,復制到從0號位開始的位置,結(jié)果覆蓋了原來的1。
[1, 2, 3, 4, 5, 6, 7].copyWithin(0, 3, 5) //[4, 5, 3, 4, 5, 6, 7]
//將從3號位開始5號位結(jié)束的成員(4和5),復制到從0號位開始的位置,結(jié)果覆蓋了原來的1和2。
[1, 2, 3, 4, 5].copyWithin(0, -2, -1) //[4, 2, 3, 4, 5]
//-2相當于3號位,-1相當于4號位,代碼等同于[1, 2, 3, 4, 5].copyWithin(0, 3, 4)
//find()
// find()用于找出第一個符合條件的數(shù)組成員。它的參數(shù)是一個回調(diào)函數(shù),,所有數(shù)組成員依次執(zhí)行該回調(diào)函數(shù),直到找出第一個返回值為true的成員,然后返回該成員。如果沒有符合條件的成員,則返回undefined。
// find方法的回調(diào)函數(shù)可以接受三個參數(shù),依次為當前的值、當前的位置和原數(shù)組
var arr = [3,4,7,9];
var a = arr.find(function(item,index,arr){ //用于找出第一個符合條件的數(shù)組成員
return item >5
});
console.log(a);
//另一種寫法
[1, 11, 12, 10].find(n => n > 5) //11
//findIndex()
//findIndex方法的用法與find方法非常類似,返回第一個符合條件的數(shù)組成員的位置,如果所有成員都不符合條件,則返回-1
var arr = [3,4,7,9];
var a = arr.findIndex(function(item,index,arr){ //返回第一個符合條件的數(shù)組成員的位置
return item >5
});
console.log(a); //2
//fill()
//定義:用于將一個固定值替換數(shù)組的元素
array.fill(value, start, end)
// value(必需):填充的值。
// start(可選):開始填充位置。
// end(可選):停止填充位置 (默認為 *array*.length)。
var arr = ["blue", "Orange", "red", "green"];
arr.fill("abc", 2, 4); //["blue", "Orange", "abc", "abc"]
//includes()
//定義:方法返回一個布爾值,表示某個數(shù)組是否包含給定的值,與字符串的`includes`方法類似
[1, 2, 3].includes(2) // true
[1, 2, 3].includes(4) // false
var arr = ["blue", "Orange", "red", "green"];
arr.includes('blue'); //true
// 該方法的第二個參數(shù)表示搜索的起始位置,默認為0。如果第二個參數(shù)為負數(shù),則表示倒數(shù)的位置,
// 如果這時它大于數(shù)組長度(比如第二個參數(shù)為-4,但數(shù)組長度為3),則會重置為從0開始。
[1, 2, 3].includes(3, 3); // false
[1, 2, 3].includes(3, -1); // true
//flat()
//定義:用于將嵌套的數(shù)組“拉平”,變成一維的數(shù)組。
[1, 2, [3, 4, 6],[7, 8]].flat(); //[1, 2, 3, 4, 6, 7, 8]
//該方法返回一個新數(shù)組,對原數(shù)據(jù)沒有影響。
var arr = [1, 2, [3, 4, 6],[7, 8]];
var a = arr.flat();
console.log(arr); //[1, 2, [3, 4, 6],[7, 8]];
console.log(a); // [1, 2, 3, 4, 6, 7, 8]
//默認只會“拉平”一層,如果想要“拉平”多層的嵌套數(shù)組,可以將flat()方法的參數(shù)寫成一個整數(shù),表示想要拉平的層數(shù),默認為1。
//flat()的參數(shù)為2,表示要“拉平”兩層的嵌套數(shù)組
[1, 2, [3, [4, 6]],[7, 8]].flat(2);//[1, 2, 3, 4, 6, 7, 8]
[1, 2, [3, [4, [6]]],[7, 8]].flat(2); //[1, 2, 3, 4, [6], 7, 8]
//如果不管有多少層嵌套,都要轉(zhuǎn)成一維數(shù)組,可以用Infinity關(guān)鍵字作為參數(shù)。
[1,2,[3,4,[5,[6,[7,[8]]]]]].flat(Infinity); //[1, 2, 3, 4, 5, 6, 7, 8]