国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

js fill函數填充數組或對象的解決方法

瀏覽:15日期:2022-06-01 17:49:52
目錄
  • js fill函數填充數組或對象的問題
  • 擴展:js--數組的 fill() 填充方法詳解
    • 前言
    • 正文
    • 1、fill()  語法
    • 2、fill() 的使用

js fill函數填充數組或對象的問題

js 的數組有一個 fill 方法,可以給數組填充數據,這個方法有三個參數,從左到右依次為 要填充的數據,填充的起始位置(默認為0),停止填充的位置(默認是數組的長度),這個方法不改變原數組,如下:

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]

問題: 有一次,我根據這個方法想要初始化一個二維數組,如下:

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

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

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

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

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

擴展: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]

到此這篇關于js fill函數填充數組或對象的問題的文章就介紹到這了,更多相關js fill函數填充內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持!

標簽: JavaScript
主站蜘蛛池模板: 亚洲在线欧美 | 作爱视频在线免费观看 | 国模偷拍在线观看免费视频 | 国产成人亚洲精品一区二区在线看 | 狠狠色狠狠综合久久 | 久久一本| 国产精品亚洲一区二区在线观看 | 欧日韩美香蕉在线观看 | 一级毛片一级毛片一级毛片 | 久草在在线视频 | 日本一道免费一区二区三区 | 亚洲tv成人天堂在线播放 | 视频一区中文字幕 | 国产杨幂福利在线视频观看 | 成人男女网18免费0 成人男女网18免费看 | 日韩一及片 | 日韩a级片 | 久久99爰这里有精品国产 | 成人a在线观看 | 在线视频亚洲 | 欧美成人免费在线 | 在线中文字幕一区 | 亚洲产国偷v产偷v自拍涩爱 | pgone太大了兽王免费视频 | 亚洲国产精品一区二区不卡 | 一品道一本香蕉视频 | 一本大道香蕉久在线不卡视频 | 欧美在线一级视频 | 美国一级片在线观看 | 亚洲综合一二三区 | 国产精品无码久久综合网 | 亚洲影院手机版777点击进入影院 | a级黄色毛片免费播放视频 a级精品九九九大片免费看 | 国产欧美一区二区三区免费 | 欧美成人小视频 | 国产看片一区二区三区 | 一级女性生活片 | 亚洲一区二区三区影院 | 日本免费a级片 | 碰碰久久| 高清免费国产在线观看 |