JavaScript是一種廣泛用於網頁交互的腳本語言。其中數組是JavaScript中重要的數據結構之一。本文將介紹JavaScript中的array.fill方法,該方法能夠填充數組元素從而方便數組的操作。
一、基本介紹
array.fill方法是ES6定義的一個數組方法,用於填充數組中制定位置的元素值。
fill方法有兩個參數:第一個是需要填充的值,第二個是可選的,表示填充的起始位置和結束位置。fill方法會填充起始位置到結束位置的元素(不包括結束位置)。
例如,下面的代碼會將數組中的所有元素都用0填充:
const arr = [1,2,3,4]; arr.fill(0); // [0,0,0,0]
如果制定起始位置和結束位置,那麼只有這個區間內的元素會被填充,區間外的元素不受影響。
下面的代碼會將數組中從第2個元素到第4個元素用0填充:
const arr = [1,2,3,4]; arr.fill(0, 1, 4); // [1,0,0,0]
二、常見用法
1、清空數組
通過fill方法,可以輕鬆地將一個數組中所有元素都清空。只需要將需要填充的值設置為要清空的元素的數據類型的默認值即可。
const arr = [1, 2, 3, 4]; arr.fill(undefined); // [undefined, undefined, undefined, undefined]
2、重置數組
有時候需要初始化一個大小和當前數組相等的新數組,對於這種情況,可以使用Array.from方法將當前數組轉化成新數組,然後使用fill方法將新數組填充。
const arr = [1, 2, 3, 4]; const resetArr = Array.from(arr).fill(0); // [0, 0, 0, 0]
3、生成某個重複值的數組
有時候需要生成一定長度的由同一值組成的數組。這個需求可以使用fill方法很輕鬆地實現。
const repeatArr = new Array(5).fill(0); // [0, 0, 0, 0, 0]
三、小結
本文介紹了JavaScript中的array.fill方法。通過本文的介紹,我們可以輕鬆地完成清空數組、重置數組、生成同一值的數組等常見的操作。同時,了解到fill方法有第二個參數,可以精確地控制填充位置。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-tw/n/253866.html