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

您的位置:首頁技術(shù)文章
文章詳情頁

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

瀏覽:19日期:2022-06-01 17:49:52
目錄
  • js fill函數(shù)填充數(shù)組或?qū)ο蟮膯栴}
  • 擴(kuò)展:js--數(shù)組的 fill() 填充方法詳解
    • 前言
    • 正文
    • 1、fill()  語法
    • 2、fill() 的使用

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

js 的數(shù)組有一個(gè) fill 方法,可以給數(shù)組填充數(shù)據(jù),這個(gè)方法有三個(gè)參數(shù),從左到右依次為 要填充的數(shù)據(jù),填充的起始位置(默認(rèn)為0),停止填充的位置(默認(rèn)是數(shù)組的長度),這個(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è)長度為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è)長度為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ù)組的長度來算出最終的位置,例如 起始位置為-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)文章希望大家以后多多支持!

標(biāo)簽: JavaScript
主站蜘蛛池模板: 贴片电容代理-三星电容-村田电容-风华电容-国巨电容-深圳市昂洋科技有限公司 | 精益专家 - 设备管理软件|HSE管理系统|设备管理系统|EHS安全管理系统 | 反渗透水处理设备|工业零排放|水厂设备|软化水设备|海南净水设备--海南水处理设备厂家 | 成都中天自动化控制技术有限公司 | 济南电缆桥架|山东桥架-济南航丰实业有限公司 | 广西绿桂涂料--承接隔热涂料、隔音涂料、真石漆、多彩仿石漆等涂料工程双包施工 | 宽带办理,电信宽带,移动宽带,联通宽带,电信宽带办理,移动宽带办理,联通宽带办理 | 浙江建筑资质代办_二级房建_市政_电力_安许_劳务资质办理公司 | 成都治疗尖锐湿疣比较好的医院-成都治疗尖锐湿疣那家医院好-成都西南皮肤病医院 | 小型单室真空包装机,食品单室真空包装机-百科 | 精密模具加工制造 - 富东懿| 空冷器|空气冷却器|空水冷却器-无锡赛迪森机械有限公司[官网] | 滑板场地施工_极限运动场地设计_滑板公园建造_盐城天人极限运动场地建设有限公司 | 河南mpp电力管_mpp电力管生产厂家_mpp电力电缆保护管价格 - 河南晨翀实业 | 排烟防火阀-消防排烟风机-正压送风口-厂家-价格-哪家好-德州鑫港旺通风设备有限公司 | 芝麻黑-芝麻黑石材厂家-永峰石业 | 废气处理_废气处理设备_工业废气处理_江苏龙泰环保设备制造有限公司 | 胶原检测试剂盒,弹性蛋白检测试剂盒,类克ELISA试剂盒,阿达木单抗ELISA试剂盒-北京群晓科苑生物技术有限公司 | 3A别墅漆/3A环保漆_广东美涂士建材股份有限公司【官网】 | 合肥通道闸-安徽车牌识别-人脸识别系统厂家-安徽熵控智能技术有限公司 | 电地暖-电采暖-发热膜-石墨烯电热膜品牌加盟-暖季地暖厂家 | 淘剧影院_海量最新电视剧,免费高清电影随心观看 | 镀锌钢格栅_热镀锌格栅板_钢格栅板_热镀锌钢格板-安平县昊泽丝网制品有限公司 | 阻垢剂,反渗透阻垢剂,缓蚀阻垢剂-山东普尼奥水处理科技有限公司 真空粉体取样阀,电动楔式闸阀,电动针型阀-耐苛尔(上海)自动化仪表有限公司 | 机床导轨_导轨板_滚轮导轨-上海旻佑精密机械有限公司 | 沈飞防静电地板__机房地板-深圳市沈飞防静电设备有限公司 | 楼梯定制_楼梯设计施工厂家_楼梯扶手安装制作-北京凌步楼梯 | 热处理炉-退火炉-回火炉设备厂家-丹阳市电炉厂有限公司 | 环讯传媒,永康网络公司,永康网站建设,永康小程序开发制作,永康网站制作,武义网页设计,金华地区网站SEO优化推广 - 永康市环讯电子商务有限公司 | 蓝莓施肥机,智能施肥机,自动施肥机,水肥一体化项目,水肥一体机厂家,小型施肥机,圣大节水,滴灌施工方案,山东圣大节水科技有限公司官网17864474793 | 冷镦机-多工位冷镦机-高速冷镦机厂家-温州金诺机械设备制造有限公司 | 英国公司注册-新加坡公司注册-香港公司开户-离岸公司账户-杭州商标注册-杭州优创企业 | 驾驶式洗地机/扫地机_全自动洗地机_工业洗地机_荣事达工厂官网 | 扫地车厂家-山西洗地机-太原电动扫地车「大同朔州吕梁晋中忻州长治晋城洗地机」山西锦力环保科技有限公司 | 外贮压-柜式-悬挂式-七氟丙烷-灭火器-灭火系统-药剂-价格-厂家-IG541-混合气体-贮压-非贮压-超细干粉-自动-灭火装置-气体灭火设备-探火管灭火厂家-东莞汇建消防科技有限公司 | 植筋胶-粘钢胶-碳纤维布-碳纤维板-环氧砂浆-加固材料生产厂家-上海巧力建筑科技有限公司 | 波纹补偿器_不锈钢波纹补偿器_巩义市润达管道设备制造有限公司 | 恒温恒湿箱(药品/保健品/食品/半导体/细菌)-兰贝石(北京)科技有限公司 | 艾默生变频器,艾默生ct,变频器,ct驱动器,广州艾默生变频器,供水专用变频器,风机变频器,电梯变频器,艾默生变频器代理-广州市盟雄贸易有限公司官方网站-艾默生变频器应用解决方案服务商 | 台式核磁共振仪,玻璃软化点测定仪,旋转高温粘度计,测温锥和测温块-上海麟文仪器 | SOUNDWELL 编码器|电位器|旋转编码器|可调电位器|编码开关厂家-广东升威电子制品有限公司 |