小編這次要給大家分享的是ES6新增的數(shù)組知識(shí)是什么，文章內(nèi)容豐富，感興趣的小伙伴可以來了解一下，希望大家閱讀完這篇文章之后能夠有所收獲。

創(chuàng)新互聯(lián)長(zhǎng)期為上千家客戶提供的網(wǎng)站建設(shè)服務(wù)，團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年，關(guān)注不同地域、不同群體，并針對(duì)不同對(duì)象提供差異化的產(chǎn)品和服務(wù)；打造開放共贏平臺(tái)，與合作伙伴共同營(yíng)造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為響水企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè)，響水網(wǎng)站改版等技術(shù)服務(wù)。擁有10多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。

本文實(shí)例講述了ES6新增的數(shù)組知識(shí)。分享給大家供大家參考，具體如下：

1.JSON數(shù)組格式轉(zhuǎn)換

JSON的數(shù)組格式就是為了前端快速的把JSON轉(zhuǎn)換成數(shù)組的一種格式，json數(shù)組格式如下：

let json = {
  '0': '男',
  '1': '女',
  length:3
}

這就是一個(gè)標(biāo)準(zhǔn)的JSON數(shù)組格式，跟普通的JSON對(duì)比是在最后多了一個(gè)length屬性。只要是這種特殊的json格式都可以輕松使用ES6的語(yǔ)法轉(zhuǎn)變成數(shù)組。

把上邊的JSON代碼使用Array.from(xxx)來轉(zhuǎn)換成數(shù)組，代碼如下：

let json = {
  '0': '男',
  '1': '女',
  length: 2
}

let arr = Array.from(json)
console.log(arr)

結(jié)果為：

 ["男", "女"]

上述中的length的值等于json中的除length：2以為的總和，若值多余實(shí)際，在數(shù)組中則會(huì)出現(xiàn)undefined。如下：

結(jié)果為：

 2.Array.of()方法

它負(fù)責(zé)把一堆文本或者變量轉(zhuǎn)換成數(shù)組。在開發(fā)中我們經(jīng)常拿到了一個(gè)類似數(shù)組的字符串，需要使用eval來進(jìn)行轉(zhuǎn)換，會(huì)拖慢我們的程序。這時(shí)候我們就可以使用Array.of方法。比如：

let arr =Array.of(3,4,5,6);
console.log(arr);

結(jié)果為：

當(dāng)然它不僅可以轉(zhuǎn)換數(shù)字，字符串也是可以轉(zhuǎn)換的。

let arr =Array.of('es6',1,'開發(fā)');
console.log(arr);

結(jié)果為：

 3.find( )實(shí)例方法

 所謂的實(shí)例方法就是并不是以Array對(duì)象開始的，而是必須有一個(gè)已經(jīng)存在的數(shù)組，然后使用的方法。也即實(shí)例方法是針對(duì)已存在的數(shù)組的。

在find方法中我們需要傳入一個(gè)匿名函數(shù)，函數(shù)需要傳入三個(gè)參數(shù)

• value：表示當(dāng)前查找的值。
• index：表示當(dāng)前查找的數(shù)組索引。
• arr：表示當(dāng)前數(shù)組。

在函數(shù)中如果找到符合條件的數(shù)組元素就進(jìn)行return，并停止查找。相關(guān)代碼如下：

let arr=[0,1,2,3,4,5,6,7,8,9];
console.log(arr.find(function(value,index,arr){
  return value > 6;
}))

返回結(jié)果為：7。說明找到了符合條件的值，并進(jìn)行返回了，如果找不到會(huì)顯示undefined

 4.fill( )實(shí)例方法

fill()也是一個(gè)實(shí)例方法，它的作用是把數(shù)組進(jìn)行填充，它接收三個(gè)參數(shù)，第一個(gè)參數(shù)是填充的變量，第二個(gè)是開始填充的位置，第三個(gè)是填充到的位置。

let arr=[0,1,2,3,4,5,6,7,8,9];
arr.fill('es',2,5);
console.log(arr);

結(jié)果為：

上邊的代碼是把數(shù)組從第二位到第五位用es進(jìn)行填充。

5.數(shù)組的遍歷--for…of循環(huán)

(1)輸出數(shù)組內(nèi)容

let arr=['男','女']
for (let item of arr){
  console.log(item);
}

結(jié)果為：男、女。

(2)輸出數(shù)組索引

let arr=['男','女']
for (let index of arr.keys()){
  console.log(index);
}

輸出值為：

0、1

(3)同時(shí)輸出數(shù)組的內(nèi)容和索引--entries()方法

let arr=['男','女']
for (let [index,val] of arr.entries()){
  console.log(index+":"+val);
}

結(jié)果為：

6.entries( )實(shí)例方法

entries()實(shí)例方式生成的是Iterator形式的數(shù)組，那這種形式的好處就是可以讓我們?cè)谛枰獣r(shí)用next()手動(dòng)跳轉(zhuǎn)到下一個(gè)值。如下代碼：

let arr=['男','女']
let list=arr.entries();
console.log(list.next().value);
console.log(list.next().value);

結(jié)果為：

看完這篇關(guān)于ES6新增的數(shù)組知識(shí)是什么的文章，如果覺得文章內(nèi)容寫得不錯(cuò)的話，可以把它分享出去給更多人看到。