js fill函數(shù)填充數(shù)組或?qū)ο蟮膯栴}

js 的數(shù)組有一個(gè) fill 方法，可以給數(shù)組填充數(shù)據(jù)，這個(gè)方法有三個(gè)參數(shù)，從左到右依次為 要填充的數(shù)據(jù)，填充的起始位置（默認(rèn)為0），停止填充的位置（默認(rèn)是數(shù)組的長(zhǎng)度），這個(gè)方法不改變?cè)瓟?shù)組，如下：

let arr = [0,0,0,0,0]
let res = arr.fill(1,1,2)
console.log(res)    // [0, 1, 0, 0, 0]
let oneParam = arr.fill(1)
console.log(oneParam)  // [1,1,1,1,1]
console.log(arr)   // [0,0,0,0,0]

問題： 有一次，我根據(jù)這個(gè)方法想要初始化一個(gè)二維數(shù)組，如下：

let arr = new Array(5).fill([])

我本來是想創(chuàng)建一個(gè)長(zhǎng)度為5的數(shù)組，數(shù)組的每一項(xiàng)都是一個(gè)空數(shù)組，但是我遇到了一個(gè)問題，就是這個(gè)數(shù)組里面的5個(gè)數(shù)組其實(shí)指向的都是一個(gè)數(shù)組，即fill函數(shù)應(yīng)該是直接我把傳遞的參數(shù) [] 進(jìn)行了賦值，所以我給其中一個(gè)數(shù)組賦值是，發(fā)現(xiàn)所有的數(shù)組都有值了，所以想要進(jìn)行二維數(shù)組的初始化，不能這么做；

解決方法： 為了解決這個(gè)問題，想到了另外一個(gè)方法,就是使用map方法，如下：

let arr = new Array(5).fill(0).map(item=>[])  

這里先創(chuàng)建一個(gè)長(zhǎng)度為5，全為0的數(shù)組，然后map這個(gè)數(shù)組，返回一個(gè)空數(shù)組，此時(shí)每個(gè)數(shù)組就都不一樣了，注意：這個(gè)fill(0)也是必要的，因?yàn)槿珵榭盏臄?shù)組不會(huì)執(zhí)行map函數(shù)

擴(kuò)展：js--數(shù)組的 fill() 填充方法詳解

前言

　　我們知道了很多了初始化數(shù)組的方法，但是初始化數(shù)組之后，數(shù)組中的每一項(xiàng)元素默認(rèn)為 empty 空位占位，如何對(duì)數(shù)組這些空位添加默認(rèn)的元素，ES6提供了 fill() 方法實(shí)現(xiàn)這一操作。本文總結(jié)數(shù)組 fill() 方法的詳細(xì)使用。

正文

1、fill()  語法

　　fill() 方法用一個(gè)固定值填充一個(gè)數(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)傳入單個(gè)參數(shù)的時(shí)候，該方法會(huì)用該參數(shù)的值填充整個(gè)數(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)傳入兩個(gè)參數(shù)的時(shí)候，第一個(gè)參數(shù)為填充的元素，第二個(gè)為填充元素的起始位置
    var arr3 = [0, 1, 2, 3, 4, 5, 6]
    console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]

    // 當(dāng)傳入三個(gè)參數(shù)的時(shí)候，第一個(gè)參數(shù)為填充的元素，第二個(gè)參數(shù)和第三個(gè)參數(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ù)，則他們會(huì)被加上數(shù)組的長(zhǎng)度來算出最終的位置，例如 起始位置為-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]

到此這篇關(guān)于js fill函數(shù)填充數(shù)組或?qū)ο蟮膯栴}的文章就介紹到這了,更多相關(guān)js fill函數(shù)填充內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

最新評(píng)論