本篇內容介紹了“es6數(shù)組擴展的方法”的有關知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領大家學習一下如何處理這些情況吧！希望大家仔細閱讀，能夠學有所成！
1.擴展運算符
含義： 擴展運算符，三個點(...),將一個數(shù)組轉為用逗號分隔的參數(shù)順序。
例如：
console.log([1,2,3]);
console.log(...[1,2,3]);
結果： [1,2,3]
1,2,3
(1)用法： 作為函數(shù)參數(shù)
function f(x,y,z) {
console.log(y);
// 1
}
let args = [0,1,2];
f(...args);
(2)用法：求數(shù)組的大值
Math.max(..[14,4,44]) //44
(3)應用：復制數(shù)組
const a1 = [1,2];
const a2 = a1;
a2[0] = 2;
a1 // [2,2]
(4)應用： 合并數(shù)組
[1,2,...more]
(5)應用：與解構賦值結合
[a,...reast] = list
(6)應用： 可以將字符串轉為真正的數(shù)組
console.log([...'hello'])
[ "h", "e", "l", "l", "o" ]
2.Array.from()
方法用于將兩個類對象轉為真正的數(shù)組。
(1)應用：類數(shù)組對象轉為真正的數(shù)組
let arrayLike = {
'0':'a',
'1':'b',
'2':'c',
length:3
}
let arr = Array.from(arrayLike);
console.log(arr);
//["a", "b", "c"]
(2)應用：將字符串轉為數(shù)組
var arr = Array.from('hello');
console.log(arr);
["h", "e", "l", "l", "o"]
如果是一個真正的數(shù)組那么返回原數(shù)組
Array.from 還可以接受第二個參數(shù)。
let arr = Array.from([1,2,3],(x)=> x*x);
console.log(arr);
// [1, 4, 9]
3.Array.of 方法用于將一組數(shù)值，轉為數(shù)組
例如：
var arr = Array.of(3,11,8);
console.log(arr);
// [3, 11, 8]
4.數(shù)組實例的 copyWithin()
數(shù)組實例的copyWithin 方法，在當前數(shù)組內部，將指定位置的成員復制到其他位置，
(會覆蓋原來成員)，然后返回當前數(shù)組，也就是說，使用這個方法，會修改當前數(shù)組。
它接受三個參數(shù)：
(1)target(必需)：從該位置開始替換數(shù)據(jù)。
(2)start(可選)：從該位置開始讀取數(shù)據(jù)，默認為 0。如果為負值，表示倒數(shù)。
(3)end(可選)：到該位置前停止讀取數(shù)據(jù)，默認等于數(shù)組長度。如果為負值，表示倒。
5.數(shù)組的實例的 find() 和findIndex()
數(shù)組實例的find 方法，用于找出第一個符合條件的數(shù)組成員，它的參數(shù)是一個回調函
數(shù)，所有出租成員一次執(zhí)行該回調函數(shù)，直到找到的哥返回值為true的成員，然后
返回該成員，如果沒有符合條件的返回aundefined
let a = [1,4,-5,10].find((n)=> n <0)
console.log(a); // -5
let b = [1,5,10,15].find(function (value,index,arr) {
return value > 9;
})
console.log(b); // 10
findIndex 方法的用法與find 方法返回非常類似，返回第一個符合條件的數(shù)組
成員的位置，如果所有成員不符合條件返回-1。
例如[1,5,10,15].findIndex(function(value,index,arr){
return value > 9;
})
6.數(shù)組實例的fill()
fill 方法使用給定值，填充一個數(shù)組;
var arr = ['a','b','c'].fill(7);
console.log(arr); // [7,7,7]
7.數(shù)組實例的 entries(), keys() 和 values()用于遍歷數(shù)組，他們都是返回一個遍歷器對象。
keys() 是對鍵名的遍歷，values() 是對鍵值的變量，entries() 是對鍵值對的遍歷。
for (let index of ['a','b'].keys()){
console.log(index);
}
8.數(shù)組實例的includes()
Array.prototype.includes 方法返回一個布爾值，表示某個數(shù)組是否包含給定的值。
[1,2,3].includes(2) // true
[1,2,3,4].includes(4) //false
“es6數(shù)組擴展的方法”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關的知識可以關注創(chuàng)新互聯(lián)-成都網站建設公司網站，小編將為大家輸出更多高質量的實用文章！
重慶分公司
重慶分公司
