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

前言:
我們知道了很多了初始化數(shù)組的方法,但是初始化數(shù)組之后,數(shù)組中的每一項元素默認(rèn)為 empty 空位占位,如何對數(shù)組這些空位添加默認(rèn)的元素,ES6提供了 fill() 方法實現(xiàn)這一操作。本文總結(jié)數(shù)組 fill() 方法的詳細使用。
1、fill() 語法
fill() 方法用一個固定值填充一個數(shù)組中從起始索引到終止索引內(nèi)的全部元素。不包括終止索引。返回修改后的原始數(shù)組,不創(chuàng)建新數(shù)組。
使用語法:array.fill( value [,start [,end]]),其中 :
value用來填充數(shù)組元素的值,必填。start可選起始索引,默認(rèn)值為0。end可選終止索引,默認(rèn)值為this.length。
2、fill() 的使用
// 當(dāng)傳入單個參數(shù)的時候,該方法會用該參數(shù)的值填充整個數(shù)組
var arr1 = new Array(5)
console.log(arr1.fill(1)); //[1,1,1,1,1]
var arr2 = [1, 2, 3, 4]
console.log(arr2.fill(0)); //[0,0,0,0]
// 當(dāng)傳入兩個參數(shù)的時候,第一個參數(shù)為填充的元素,第二個為填充元素的起始位置
var arr3 = [0, 1, 2, 3, 4, 5, 6]
console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]
// 當(dāng)傳入三個參數(shù)的時候,第一個參數(shù)為填充的元素,第二個參數(shù)和第三個參數(shù)分別指填充元素的起始和終止位置,不修改終止位置元素
var arr4 = [0, 1, 2, 3, 4, 5]
console.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5]
//如果提供的起始位置或結(jié)束位置為負(fù)數(shù),則他們會被加上數(shù)組的長度來算出最終的位置,例如 起始位置為-1 就相當(dāng)于array.length-1
var arr5 = [0, 1, 2, 3, 4, 5]
console.log(arr5.fill(1, -3));//[0,1,2,1,1,1]
var arr6 = [0, 1, 2, 3, 4, 5]
console.log(arr6.fill(1, 3, -2));//[0,1,2,1,4,5]
3、總結(jié)
以上就是本文的全部內(nèi)容,希望給讀者帶來些許的幫助和進步,方便的話點個關(guān)注,小白的成長之路會持續(xù)更新一些工作中常見的問題和技術(shù)點。
到此這篇關(guān)于js 數(shù)組 fill() 填充方法的文章就介紹到這了,更多相關(guān)js 數(shù)組 fill()填充內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript中使用toLocaleString數(shù)字格式化處理詳解
這篇文章主要為大家介紹了JavaScript中使用toLocaleString數(shù)字格式化處理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-08-08
JavaScript實現(xiàn)一鍵復(fù)制內(nèi)容剪貼板
這篇文章主要為大家介紹了JavaScript實現(xiàn)一鍵復(fù)制內(nèi)容,document.execCommand原生JS設(shè)置剪貼板的實現(xiàn)示例,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2022-07-07
動態(tài)引入DynamicImport實現(xiàn)原理
這篇文章主要為大家介紹了動態(tài)引入DynamicImport實現(xiàn)原理詳解,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪2023-01-01

