ES6數組復制和填充方法之如何使用copyWithin()、fill()

本篇內容主要講解“ES6數組復制和填充方法之如何使用copyWithin()、fill()”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“ES6數組復制和填充方法之如何使用copyWithin()、fill()”吧!

批量復制 copyWithin()

• copyWithin() 方法用于從數組的指定位置拷貝元素到數組的另一個指定位置中。

• copyWithin()會按照指定范圍淺復制數組中的部分內容，然后將它們插入到指定索引開始的位置。

語法

array.copyWithin(target, start, end)

參數：

返回值：返回復制之后的數組

代碼實例：

// 復制數組的前面兩個元素到后面兩個元素上：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.copyWithin(2, 0);//Banana,Orange,Banana,Orange

// 復制數組的前面兩個元素到第三和第四個位置上：
var fruits = ["Banana", "Orange", "Apple", "Mango", "Kiwi", "Papaya"]; 
fruits.copyWithin(2, 0, 2);//Banana,Orange,Banana,Orange,Kiwi,Papaya

填充數組方法 fill()

fill() 方法用于將一個固定值替換數組的元素。

語法：

array.fill(value, start, end)

參數：

返回值：數組

代碼實例：

//填充 "Runoob" 到數組的最后兩個元素：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.fill("Runoob", 2, 4);//[ "Banana", "Orange", "Runoob", "Runoob" ]

//使用固定值填充數組：
var fruits = ["Banana", "Orange", "Apple", "Mango"]; 
fruits.fill("Runoob");//Runoob,Runoob,Runoob,Runoob

關于索引的計算方式，兩種方法相同

• 開始索引用于指定開始填充的位置，它是可選的。

• 如果不提供結束索引，則一直填充到數組末尾。

• 負值索引從數組末尾開始計算。也可以將負索引想象成數組長度加上它得到的一個正索引。

• 靜默忽略超出數組邊界、零長度及方向相反的索引范圍。

代碼實例：

const zeroes = [0,0,0,0,0];

//用6填充索引大于等于3的元素
zeroes.fill(6, 3);//[0,0,0,6,6]
zeroes.fill(0);//重置

//用7填充索引大于等于1且小于3的元素
zeroes.fill(7,1,3);//[0,7,7,0,0]
zeroes.fill(0);//重置

//用8填充索引大于等于1且小于4的元素
//(-4+zeroes.length=1) (-1+zeroes.length=4)
zeroes.fill(8,-4,-1);//[0,8,8,8,0]

//索引過低，忽略
zeroes.fill(1,-10,-6);//[0,0,0,0,0]
//索引過高，忽略
zeroes.fill(1,10,15);//[0,0,0,0,0]
//索引反向，忽略
zeroes.fill(2,4,2);//[0,0,0,0,0]
//索引部分可用，填充可用部分
zeroes.fill(4,3,10);//[0,0,0,4,4]

到此，相信大家對“ES6數組復制和填充方法之如何使用copyWithin()、fill()”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！