欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

ES6數(shù)組復(fù)制和填充方法copyWithin()、fill()的具體使用

 更新時(shí)間:2021年10月27日 09:50:06   作者:代碼搬運(yùn)媛  
本文主要介紹了ES6數(shù)組復(fù)制和填充方法copyWithin()、fill()的具體使用,文中通過(guò)示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

copyWithin()、fill()共同點(diǎn)

  • 需要指定一個(gè)數(shù)組實(shí)例的范圍:包含開(kāi)始索引,不包含結(jié)束索引。
  • 使用這個(gè)方法會(huì)改變數(shù)組內(nèi)容,但不會(huì)改變數(shù)組的大小。

批量復(fù)制 copyWithin()

  • copyWithin() 方法用于從數(shù)組的指定位置拷貝元素到數(shù)組的另一個(gè)指定位置中。
  • copyWithin()會(huì)按照指定范圍淺復(fù)制數(shù)組中的部分內(nèi)容,然后將它們插入到指定索引開(kāi)始的位置。

語(yǔ)法

array.copyWithin(target, start, end)

參數(shù):

參數(shù) 描述
target 必需。復(fù)制到指定目標(biāo)索引位置。
start 可選。元素復(fù)制的起始位置。
end 可選。停止復(fù)制的索引位置 (默認(rèn)為 array.length)。如果為負(fù)值,表示倒數(shù)。

返回值:返回復(fù)制之后的數(shù)組

代碼實(shí)例:

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

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

填充數(shù)組方法 fill()

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

語(yǔ)法:

array.fill(value, start, end)

參數(shù):

參數(shù) 描述
value 必需。填充的值。
start 可選。開(kāi)始填充位置。
end 可選。停止填充位置 (默認(rèn)為 array.length)

返回值:數(shù)組

代碼實(shí)例:

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

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

關(guān)于索引的計(jì)算方式,兩種方法相同

  • 開(kāi)始索引用于指定開(kāi)始填充的位置,它是可選的。
  • 如果不提供結(jié)束索引,則一直填充到數(shù)組末尾。
  • 負(fù)值索引從數(shù)組末尾開(kāi)始計(jì)算。也可以將負(fù)索引想象成數(shù)組長(zhǎng)度加上它得到的一個(gè)正索引。
  • 靜默忽略超出數(shù)組邊界、零長(zhǎng)度及方向相反的索引范圍。

代碼實(shí)例:

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]

//索引過(guò)低,忽略
zeroes.fill(1,-10,-6);//[0,0,0,0,0]
//索引過(guò)高,忽略
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]

到此這篇關(guān)于ES6復(fù)制和填充方法copyWithin()、fill()的具體使用的文章就介紹到這了,更多相關(guān)ES6 copyWithin()、fill()內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!

相關(guān)文章

  • TypeScript中類的基礎(chǔ)概念和使用詳解

    TypeScript中類的基礎(chǔ)概念和使用詳解

    這篇文章主要為大家詳細(xì)介紹了TypeScript?中類的概念和用法,文中的示例代碼講解詳細(xì),希望能幫助大家更好地理解和運(yùn)用?TypeScript?中的類
    2023-06-06
  • JavaScript快速切換繁體中文和簡(jiǎn)體中文的方法及網(wǎng)站支持簡(jiǎn)繁體切換的絕招

    JavaScript快速切換繁體中文和簡(jiǎn)體中文的方法及網(wǎng)站支持簡(jiǎn)繁體切換的絕招

    這篇文章主要介紹了JavaScript快速切換繁體中文和簡(jiǎn)體中文方法的相關(guān)資料,需要的朋友可以參考下
    2016-03-03
  • JS代碼簡(jiǎn)潔方式之函數(shù)方法詳解

    JS代碼簡(jiǎn)潔方式之函數(shù)方法詳解

    這篇文章主要介紹了JS代碼簡(jiǎn)潔方式之函數(shù)方法詳解,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2020-07-07
  • JavaScript 防抖和節(jié)流遇見(jiàn)的奇怪問(wèn)題及解決

    JavaScript 防抖和節(jié)流遇見(jiàn)的奇怪問(wèn)題及解決

    這篇文章主要介紹了JavaScript 防抖和節(jié)流遇見(jiàn)的奇怪問(wèn)題及解決,幫助大家更好的理解和使用JavaScript,感興趣的朋友可以了解下
    2020-11-11
  • Javascript Memoization 緩存函數(shù)使用說(shuō)明

    Javascript Memoization 緩存函數(shù)使用說(shuō)明

    Memoization 是一種將函數(shù)返回值緩存起來(lái)的方法,學(xué)習(xí)js 面向?qū)ο蟮呐笥芽梢詤⒖枷隆?
    2010-05-05
  • 淺析JavaScript中的變量提升

    淺析JavaScript中的變量提升

    這篇文章主要介紹了淺析JavaScript中的變量提升,文章圍繞主題展開(kāi)詳細(xì)的內(nèi)容介紹,具有一定的參考價(jià)值,需要的小伙伴可以參考一下
    2022-06-06
  • 什么是JavaScript的防抖與節(jié)流

    什么是JavaScript的防抖與節(jié)流

    這篇文章主要介紹了什么是JavaScript的防抖與節(jié)流,防抖是在頻繁觸發(fā)某一個(gè)事件時(shí),一段時(shí)間內(nèi)不再觸發(fā)該事件后才會(huì)去調(diào)用對(duì)應(yīng)的回調(diào)函數(shù),在設(shè)定間隔時(shí)間內(nèi)如果下一次事件被觸發(fā), 那么就重新開(kāi)始定時(shí)器,直到事件觸發(fā)結(jié)束,節(jié)流看下面文章的具體介紹吧

    2021-12-12
  • 淺析JavaScript中的隱式類型轉(zhuǎn)換

    淺析JavaScript中的隱式類型轉(zhuǎn)換

    這篇文章主要是對(duì)JavaScript中的隱式類型轉(zhuǎn)換進(jìn)行了詳細(xì)分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助
    2013-12-12
  • 基于bootstrap的文件上傳控件bootstrap fileinput

    基于bootstrap的文件上傳控件bootstrap fileinput

    這篇文章主要為大家詳細(xì)介紹了基于bootstrap的文件上傳控件bootstrap fileinput,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2016-12-12
  • js實(shí)現(xiàn)星星打分效果的方法

    js實(shí)現(xiàn)星星打分效果的方法

    這篇文章主要介紹了js實(shí)現(xiàn)星星打分效果的方法,涉及javascript操作頁(yè)面元素與樣式的技巧,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2015-04-04

最新評(píng)論