es6數(shù)組擴(kuò)展的方法

本篇內(nèi)容介紹了“es6數(shù)組擴(kuò)展的方法”的有關(guān)知識(shí)，在實(shí)際案例的操作過(guò)程中，不少人都會(huì)遇到這樣的困境，接下來(lái)就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

1.擴(kuò)展運(yùn)算符

含義： 擴(kuò)展運(yùn)算符，三個(gè)點(diǎn)(...),將一個(gè)數(shù)組轉(zhuǎn)為用逗號(hào)分隔的參數(shù)順序。

例如：

console.log([1,2,3]);

console.log(...[1,2,3]);

結(jié)果： [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)應(yīng)用：復(fù)制數(shù)組

const a1 = [1,2];

const a2 = a1;

a2[0] = 2;

a1 // [2,2]

(4)應(yīng)用： 合并數(shù)組

[1,2,...more]

(5)應(yīng)用：與解構(gòu)賦值結(jié)合

[a,...reast] = list

(6)應(yīng)用： 可以將字符串轉(zhuǎn)為真正的數(shù)組

console.log([...'hello'])

[ "h", "e", "l", "l", "o" ]

2.Array.from()

方法用于將兩個(gè)類對(duì)象轉(zhuǎn)為真正的數(shù)組。

(1)應(yīng)用：類數(shù)組對(duì)象轉(zhuǎn)為真正的數(shù)組

let arrayLike = {

'0':'a',

'1':'b',

'2':'c',

length:3

}

let arr = Array.from(arrayLike);

console.log(arr);

//["a", "b", "c"]

(2)應(yīng)用：將字符串轉(zhuǎn)為數(shù)組

var arr = Array.from('hello');

console.log(arr);

["h", "e", "l", "l", "o"]

如果是一個(gè)真正的數(shù)組那么返回原數(shù)組

Array.from 還可以接受第二個(gè)參數(shù)。

let arr = Array.from([1,2,3],(x)=> x*x);

console.log(arr);

// [1, 4, 9]

3.Array.of 方法用于將一組數(shù)值，轉(zhuǎn)為數(shù)組

例如：

var arr = Array.of(3,11,8);

console.log(arr);

// [3, 11, 8]

4.數(shù)組實(shí)例的 copyWithin()

數(shù)組實(shí)例的copyWithin 方法，在當(dāng)前數(shù)組內(nèi)部，將指定位置的成員復(fù)制到其他位置，

(會(huì)覆蓋原來(lái)成員)，然后返回當(dāng)前數(shù)組，也就是說(shuō)，使用這個(gè)方法，會(huì)修改當(dāng)前數(shù)組。

它接受三個(gè)參數(shù)：

(1)target(必需)：從該位置開(kāi)始替換數(shù)據(jù)。

(2)start(可選)：從該位置開(kāi)始讀取數(shù)據(jù)，默認(rèn)為 0。如果為負(fù)值，表示倒數(shù)。

(3)end(可選)：到該位置前停止讀取數(shù)據(jù)，默認(rèn)等于數(shù)組長(zhǎng)度。如果為負(fù)值，表示倒。

5.數(shù)組的實(shí)例的 find() 和findIndex()

數(shù)組實(shí)例的find 方法，用于找出第一個(gè)符合條件的數(shù)組成員，它的參數(shù)是一個(gè)回調(diào)函

數(shù)，所有出租成員一次執(zhí)行該回調(diào)函數(shù)，直到找到的哥返回值為true的成員，然后

返回該成員，如果沒(méi)有符合條件的返回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 方法返回非常類似，返回第一個(gè)符合條件的數(shù)組

成員的位置，如果所有成員不符合條件返回-1。

例如[1,5,10,15].findIndex(function(value,index,arr){

return value > 9;

})

6.數(shù)組實(shí)例的fill()

fill 方法使用給定值，填充一個(gè)數(shù)組;

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

console.log(arr); // [7,7,7]

7.數(shù)組實(shí)例的 entries(), keys() 和 values()用于遍歷數(shù)組，他們都是返回一個(gè)遍歷器對(duì)象。

keys() 是對(duì)鍵名的遍歷，values() 是對(duì)鍵值的變量，entries() 是對(duì)鍵值對(duì)的遍歷。

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

console.log(index);

}

8.數(shù)組實(shí)例的includes()

Array.prototype.includes 方法返回一個(gè)布爾值，表示某個(gè)數(shù)組是否包含給定的值。

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

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

“es6數(shù)組擴(kuò)展的方法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識(shí)可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！