簡單介紹js 陣列 fill() 填充方法
前言:
我們知道了很多了初始化陣列的方法,但是初始化陣列之後,陣列中的每一項元素預設為 empty 空位佔位,如何對陣列這些空位新增預設的元素,ES6提供了 fill() 方法實現這一操作。本文總結陣列 fill() 方法的詳細使用。
1、fill() 語法
fill() 方法用一個固定值填充一個陣列中從起始索引到終止索引內的全部元素。不包括終止索引。返回修改後的原始陣列,不建立新陣列。
使用語法:array.fill( value [,start [,end]]),其中 :
value 用來填充陣列元素的值,必填。
start 可選起始索引,預設值為0。
end 可選終止索引,預設值為 this.length。
2、fill() 的使用
// 當傳入單個引數的時候,該方法會用該引數的值填充整個陣列 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] // 當傳入兩個引數的時候,第一個引數為填充的元素,第二個為填充元素的起始位置 var arr3 = [0, 1, 2, 3, 4, 5, 6] console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1] // 當傳入三個引數的時候,第一個引數為填充的元素,第二個引數和第三個引數分別指填充元素的起始和終止位置,不修改終止位置元素 var arr4 = [0, 1, 2, 3, 4, 5] console.log(arr4.fill(1, 3, 5)); //[0,1,2,1,1,5] //如果提供的起始位置或結束位置為負數,則他們會被加上陣列的長度來算出最終的位置,例如 起始位置為-1 就相當於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、總結
以上就是本文的全部內容,希望給讀者帶來些許的幫助和進步,方便的話點個關注,小白的成長之路會持續更新一些工作中常見的問題和技術點。到此這篇關於js 陣列 fill() 填充方法的文章就介紹到這了。
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/69901823/viewspace-2841369/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- js將陣列轉換成CSV格式的方法簡單介紹JS陣列
- js宣告陣列的幾種方式簡單介紹JS陣列
- javascript陣列操作簡單介紹JavaScript陣列
- js類陣列物件(array-like objects)簡單介紹JS陣列物件Object
- javascript關聯陣列簡單介紹JavaScript陣列
- js 特權方法簡單介紹JS
- js--陣列的reduce()方法的使用介紹JS陣列
- 簡單介紹Lua一維陣列與多維陣列的使用陣列
- JavaScript 陣列fill()JavaScript陣列
- JavaScript 陣列 fill()JavaScript陣列
- 全面介紹JavaScript陣列方法JavaScript陣列
- javascript陣列的map()函式用法簡單介紹JavaScript陣列函式
- javascript過濾陣列中的元素簡單介紹JavaScript陣列
- js方法鏈(Method Chaining)簡單介紹JSAI
- JSON簡單介紹JSON
- nodejs簡單介紹NodeJS
- javascript實現二維陣列實現簡單介紹JavaScript陣列
- 簡單介紹最新python 字串陣列互轉問題Python字串陣列
- JSON物件簡單介紹JSON物件
- js WebSocket用法簡單介紹JSWeb
- jquery動畫佇列簡單介紹jQuery動畫佇列
- js MIPS乘法模擬的方法簡單介紹JS
- Shell 陣列介紹陣列
- AWK 陣列介紹陣列
- JavaScript清空陣列元素簡單方法JavaScript陣列
- [CareerCup] 9.7 Paint Fill 填充AI
- js字串連線簡單介紹JS字串
- js cookie路徑簡單介紹JSCookie
- js短路運算簡單介紹JS
- js與&&運算子簡單介紹JS
- js如何阻止表單提交簡單介紹JS
- js實現的陣列自定義排序介紹JS陣列排序
- javascript陣列增刪改查簡單介紹JavaScript陣列
- javascript方法過載簡單介紹JavaScript
- JS陣列at函式(獲取最後一個元素的方法)介紹JS陣列函式
- 陣列常用方法的簡單封裝陣列封裝
- 24:蛇形填充陣列陣列
- js 陣列方法JS陣列