电脑知识|欧美黑人一区二区三区|软件|欧美黑人一级爽快片淫片高清|系统|欧美黑人狂野猛交老妇|数据库|服务器|编程开发|网络运营|知识问答|技术教程文章 - 好吧啦网

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

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

瀏覽:20日期: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
主站蜘蛛池模板: 超高频感应加热设备_高频感应电源厂家_CCD视觉检测设备_振动盘视觉检测设备_深圳雨滴科技-深圳市雨滴科技有限公司 | 双杰天平-国产双杰电子天平-美国双杰-常熟双杰仪器 | 油缸定制-液压油缸厂家-无锡大鸿液压气动成套有限公司 | 水热合成反应釜-防爆高压消解罐-西安常仪仪器设备有限公司 | 合肥钣金加工-安徽激光切割加工-机箱机柜加工厂家-合肥通快 | 开平机_纵剪机厂家_开平机生产厂家|诚信互赢-泰安瑞烨精工机械制造有限公司 | 顶呱呱交易平台-行业领先的公司资产交易服务平台 | 隔离变压器-伺服变压器--输入输出电抗器-深圳市德而沃电气有限公司 | 一体化预制泵站-一体化提升泵站-一体化泵站厂家-山东康威环保 | 压滤机滤板_厢式_隔膜_板框压滤机滤板厂家价格型号材质-大凯环保 | 印刷人才网 印刷、包装、造纸,中国80%的印刷企业人才招聘选印刷人才网! | 广州番禺搬家公司_天河黄埔搬家公司_企业工厂搬迁_日式搬家_广州搬家公司_厚道搬迁搬家公司 | 手板-手板模型-手板厂-手板加工-生产厂家,[东莞创域模型] | 卡诺亚轻高定官网_卧室系统_整家定制_定制家居_高端定制_全屋定制加盟_定制家具加盟_定制衣柜加盟 | 网站建设-网站制作-网站设计-网站开发定制公司-网站SEO优化推广-咏熠软件 | 武汉森源蓝天环境科技工程有限公司-为环境污染治理提供协同解决方案 | 工业铝型材生产厂家_铝合金型材配件批发精加工定制厂商 - 上海岐易铝业 | VI设计-LOGO设计公司-品牌设计公司-包装设计公司-导视设计-杭州易象设计 | 噪声治理公司-噪音治理专业隔音降噪公司 | 超细粉碎机|超微气流磨|气流分级机|粉体改性设备|超微粉碎设备-山东埃尔派粉碎机厂家 | 空冷器|空气冷却器|空水冷却器-无锡赛迪森机械有限公司[官网] | 菲希尔X射线测厚仪-菲希尔库伦法测厚仪-无锡骏展仪器有限责任公司 | 谷歌关键词优化-外贸网站优化-Google SEO小语种推广-思亿欧外贸快车 | 高防护蠕动泵-多通道灌装系统-高防护蠕动泵-www.bjhuiyufluid.com慧宇伟业(北京)流体设备有限公司 | 河南膏药贴牌-膏药代加工-膏药oem厂家-洛阳今世康医药科技有限公司 | 全自动面膜机_面膜折叠机价格_面膜灌装机定制_高速折棉机厂家-深圳市益豪科技有限公司 | 杜甫仪器官网|实验室平行反应器|升降水浴锅|台式低温循环泵 | 开平机_纵剪机厂家_开平机生产厂家|诚信互赢-泰安瑞烨精工机械制造有限公司 | 山东臭氧发生器,臭氧发生器厂家-山东瑞华环保设备 | sus630/303cu不锈钢棒,440C/430F/17-4ph不锈钢研磨棒-江苏德镍金属科技有限公司 | 带压开孔_带压堵漏_带压封堵-菏泽金升管道工程有限公司 | 艺术生文化课培训|艺术生文化课辅导冲刺-济南启迪学校 | 浙江上沪阀门有限公司 | 英国公司注册-新加坡公司注册-香港公司开户-离岸公司账户-杭州商标注册-杭州优创企业 | 四川成都干燥设备_回转筒干燥机_脉冲除尘器_输送设备_热风炉_成都川工星科机电设备有限公司 | 泰兴市热钻机械有限公司-热熔钻孔机-数控热熔钻-热熔钻孔攻牙一体机 | 冷却塔厂家_冷却塔维修_冷却塔改造_凉水塔配件填料公司- 广东康明节能空调有限公司 | 反渗透水处理设备|工业零排放|水厂设备|软化水设备|海南净水设备--海南水处理设备厂家 | 北京宣传片拍摄_产品宣传片拍摄_宣传片制作公司-现像传媒 | 大学食堂装修设计_公司餐厅效果图_工厂食堂改造_迈普装饰 | 寮步纸箱厂_东莞纸箱厂 _东莞纸箱加工厂-东莞市寮步恒辉纸制品厂 |