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

js?fill函數(shù)填充數(shù)組或?qū)ο蟮慕鉀Q方法

 更新時間:2023年02月24日 10:00:19   作者:凹凸曼打不贏小怪獸  
這篇文章主要介紹了js?fill函數(shù)填充數(shù)組或?qū)ο蟮膯栴}及解決方法,本文給大家介紹的非常詳細對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下

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

js 的數(shù)組有一個 fill 方法,可以給數(shù)組填充數(shù)據(jù),這個方法有三個參數(shù),從左到右依次為 要填充的數(shù)據(jù),填充的起始位置(默認為0),停止填充的位置(默認是數(shù)組的長度),這個方法不改變原數(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ù)這個方法想要初始化一個二維數(shù)組,如下:

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

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

解決方法: 為了解決這個問題,想到了另外一個方法,就是使用map方法,如下:

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

這里先創(chuàng)建一個長度為5,全為0的數(shù)組,然后map這個數(shù)組,返回一個空數(shù)組,此時每個數(shù)組就都不一樣了,注意:這個fill(0)也是必要的,因為全為空的數(shù)組不會執(zhí)行map函數(shù)

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

前言

  我們知道了很多了初始化數(shù)組的方法,但是初始化數(shù)組之后,數(shù)組中的每一項元素默認為 empty 空位占位,如何對數(shù)組這些空位添加默認的元素,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 可選起始索引,默認值為0。

    end 可選終止索引,默認值為 this.length。

2、fill() 的使用

// 當傳入單個參數(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]

    // 當傳入兩個參數(shù)的時候,第一個參數(shù)為填充的元素,第二個為填充元素的起始位置
    var arr3 = [0, 1, 2, 3, 4, 5, 6]
    console.log(arr3.fill(1, 3)); //[0,1,2,1,1,1,1]

    // 當傳入三個參數(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é)束位置為負數(shù),則他們會被加上數(shù)組的長度來算出最終的位置,例如 起始位置為-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]

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

相關(guān)文章

  • 淺析script標簽中的defer與async屬性

    淺析script標簽中的defer與async屬性

    最近在網(wǎng)上看到一個前輩在寫script標簽的時候,居然同時寫了async和defer屬性,想著這是什么意思呢?所以決定深入的了解下這其中的學(xué)問,以下這篇文章就是個人在學(xué)習(xí)了之后的一些總結(jié)分析,有需要的朋友們可以參考借鑒,下面來一起學(xué)習(xí)學(xué)習(xí)吧。
    2016-11-11
  • HTML上傳控件取消選擇

    HTML上傳控件取消選擇

    由于<input type="file">的value屬性石只讀的,所以要取消選擇只能通過其他途徑,此處有2種方法
    2013-03-03
  • 密碼強度檢測效果實現(xiàn)原理與代碼

    密碼強度檢測效果實現(xiàn)原理與代碼

    密碼強度檢測有利于提醒增加密碼的安全指數(shù),更好的保護密碼安全,接下來介紹密碼強度檢測效果的實現(xiàn)
    2013-01-01
  • javascript中的__defineGetter__和__defineSetter__介紹

    javascript中的__defineGetter__和__defineSetter__介紹

    這篇文章主要介紹了javascript中的__defineGetter__和__defineSetter__介紹,類似面向?qū)ο笳Z言中的get和set關(guān)鍵字,需要的朋友可以參考下
    2014-08-08
  • js實現(xiàn)數(shù)字拼圖

    js實現(xiàn)數(shù)字拼圖

    這篇文章主要為大家詳細介紹了js實現(xiàn)數(shù)字拼圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • 淺談js數(shù)組splice刪除某個元素爬坑

    淺談js數(shù)組splice刪除某個元素爬坑

    這篇文章主要介紹了淺談js數(shù)組splice刪除某個元素爬坑,文中通過示例代碼介紹的非常詳細,對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2020-10-10
  • JavaScript代碼輕松實現(xiàn)網(wǎng)頁內(nèi)容禁止復(fù)制(代碼簡單)

    JavaScript代碼輕松實現(xiàn)網(wǎng)頁內(nèi)容禁止復(fù)制(代碼簡單)

    有些時候我們寫的內(nèi)容不想被別人復(fù)制,在代碼中怎么實現(xiàn)的呢?下面小編給大家介紹javascript代碼輕松實現(xiàn)網(wǎng)頁內(nèi)容禁止復(fù)制,感興趣的童鞋一起看看吧
    2015-10-10
  • javascript 獲取網(wǎng)頁標題代碼實例

    javascript 獲取網(wǎng)頁標題代碼實例

    這篇文章主要介紹了javascript 獲取網(wǎng)頁標題代碼實例,有需要的朋友可以參考一下
    2014-01-01
  • extjs圖形繪制之餅圖實現(xiàn)方法分析

    extjs圖形繪制之餅圖實現(xiàn)方法分析

    這篇文章主要介紹了extjs圖形繪制之餅圖實現(xiàn)方法,結(jié)合實例形式分析了extjs繪制餅圖的相關(guān)實現(xiàn)方法與操作注意事項,需要的朋友可以參考下
    2020-03-03
  • js中通過父級進行查找定位元素

    js中通過父級進行查找定位元素

    這篇文章主要介紹了js中如何通過父級進行查找定位元素,需要的朋友可以參考下
    2014-06-06

最新評論