Array.prototype.fill

最新推荐文章于 2024-04-15 15:15:23 发布
最新推荐文章于 2024-04-15 15:15:23 发布
阅读量264 收藏 1
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wxFather/article/details/83054633
版权

用法

fill 用于将一个固定值替换数组的元素。

array.fill(start=0, end=this.length)

示例

[1, 2, 3].fill(4)        // [4, 4, 4]

[1, 2, 3].fill(4, 1)      // [1, 4, 4]

[1, 2, 3].fill(4, 1, 2)    // [1, 4, 3]

[1, 2, 3].fill(4, 1, 1)    // [1, 2, 3]

[1, 2, 3].fill(4, -3, -2)   // [4, 2, 3]

[1, 2, 3].fill(4, NaN, NaN)  // [4, 4, 4]

[].fill.call({length: 3}, 4) // {0: 4, 1: 4, 2: 4, length: 3}

向前兼容方案

if (![].fill) {

  Array.prototype.fill = function(value) {

 

    // Steps 1-2.

    var O = Object(this);

 

    // Steps 3-5.

    var len = parseInt(O.length);

 

    // Steps 6-7.

    var relativeStart = parseInt(arguments[1] || 0);

 

    // Step 8.

    var k = relativeStart < 0

            ? Math.max(len + relativeStart, 0)

            : Math.min(relativeStart, len);

 

    // Steps 9-10.

    var relativeEnd = parseInt(arguments[2] || len);

 

    // Step 11.

    var final = relativeEnd < 0

                ? Math.max(len + relativeEnd, 0)

                : Math.min(relativeEnd, len);

 

    // Step 12.

    for (; k < final; k++) {

        O[k] = value;

    }

 

    // Step 13.

    return O;

  };

}

 

略略略略略略略略
关注
Array.apply(null,{length: 99}) 逻辑解析
前端知识分享喵
02-23 491
本文的主要目的源于Vue中一个很有意思的案例：就是通过 lodash-es 打乱下图中文字的顺序，并让其变化过程中呈现动画效果。 里面涉及到了 vue3 的 move 动画，shuffle 打乱数组数据的函数、页面的 grid 布局，而本文的主要目的是讲解快速生成所需数组的方式，里面涉及到一些 ES6 的数组知识，如果不够了解，最好去看一下。这里简单列举一下相关的知识：
重走vue之es6数组详情
qq_40708840的博客
11-02 394
数组API的拓展 Array.from(arg) 将类数组对象或可迭代对象转化为数组 Array.of(…args) 将参数中所有值作为元素形成数组。 Array.prototype.find(callback) 用于查找满足条件的第一个元素 Array.prototype.findIndex(callback) 用于查找满足条件的第一个元素的下标 Array.prototype.includes(data) 判断数组中是否包含某个值，使用Object.is匹配 Array.pr
Array.prototype.fill()生成二维数组问题
Astar的博客
06-01 566
我打算使用Array.prototype.fill()快速生成二维数组，代码如下 let p = new Array(10).fill(new Array(5).fill(0)) 预期生成10 * 5的二维数组 但是，当我们操作数组时，会发现出现了问题,以下代码使得所有p[i][0]都变为了10，这说明填充的数组都指向同一个引用。 p[0][0] = 10 查阅MDN，得知填充的是数组的引用。 If the first parameter is an object, each slot in the
JS中Array.prototype.fill()
qq_42526440的博客
12-23 521
fill() 方法用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。不包括终止索引。 const array1 = [1, 2, 3, 4]; // fill with 0 from position 2 until position 4 console.log(array1.fill(0, 2, 4)); // expected output: [1, 2, 0, 0] // fill with 5 from position 1 console.log(array1.fill(5, 1))
数组方法--Array.prototype.fill()
3w先生的博客
03-30 463
这是数组的新的方法，可以实现我们对于现有的数组进行改造。 arry.fill（value，sart, end） 它本身是接受三个值的，第一个是我们将要替换成的值，第二个是我们选择替换开始的地方，第三个值是替换结束的地方；start 和 end 参数是可选的, 其默认值分别为 0 和 this 对象的 length 属性值。 const test = [1, 2, 3, 4]; // 仅仅传一个参数的情况 console.log(test.fill(1)); //[1, 1, 1, 1] //传递两
Array对象的方法实现（2）----Array.prototype.every和Array.prototype.fill（实现常规参数的功能）
止于至善
08-29 1065
仅供学习参考，发现错请纠正，谢谢！ 4，Array的every方法 //every 检测数组中的值是否存在满足条件的值，全部满足条件返回true和有一个不满足就返回false，不对空数组进行检测，不改变原数组 //语法：array.every(function(currentValue,index,arr), thisValue); //注意：1，返回一个布尔值。2，原数组不变。
Array.prototype.fill()
HWL5679的博客
04-15 440
const isCoverVisible = reactive(new Array(allVideoData.length).fill(false)); //初始化一个与allVideoData长度相同的数组，所有元素初始为false
Array.prototype原生数组的方法总结（一）
keji_123的博客
01-02 1283
Array.of()创建一个具有可变数量参数的新数组实例，而不考虑参数的数量或类型。 Array.of() 和 Array 构造函数之间的区别在于处理整数参数：Array.of(7) 创建一个具有单个元素 7 的数组，而 Array(7) 创建一个包含 7 个 undefined 元素的数组。Array.of(7); // [7] Array.of(1, 2, 3); // [1,
Array属性和prototype属性一览表
weixin_40882674的博客
07-29 550
Array的属性总览 length：输出1 name：输出Array prototype：原型对象 isArray：判断 from：查了文档，可以传入三个参数，类数组(迭代函数)，每个元素会执行的回调函数，回调函数执行的this对象 ， 该方法不太懂。https://blog.csdn.net/qq_27970999/article/details/78752110 of： ...
Array.prototype.fill 可得悠着点用
猿海无涯，码农无边
03-05 188
Array.prototype.fill() 在 ES2015 中被列入了 Standard 标准中，因此可以放心使用了。 但使用时得注意一个问题，如果你 fill 的内容是一个对象的话，其实是一个传址操作，副作用就是你对其中一个对象操作，会影响到“其他”对象。 举了例子 const list = new Array(9).fill([]) for (let i=0; i<9; i++) {...
JavaScript中Array.prototype.fill()的用法
DiegoBrother的博客
11-04 724
看了一下mdn中的对fill()解释和语法 代码参考： var array1 = [1, 2, 3, 4]; // fill with 0 from position 2 until position 4 console.log(array1.fill(0, 2, 4));//0表示数组元素转换的值，2表示从数组索引为2的位置开始，4表示数组长度为4 // expected output: ...
将数组不足位数的地方补0（Array.prototype.fill函数实现）
furfur-jiang的博客
10-28 2634
参数 用来填充数据：默认0 所需长度填充至长度：len 起始位置:start function fillZero(i,start,len){ if(start>=len) return item.fill(i,start,len) }
使用Array.prototype.fill和Array.prototype.map未曾注意到的基础
lm278858445的专栏
06-12 531
Array.prototype.fill 使用fill配合Array构造函数进行指定个数和初始值的数组创建，并可以通过相关函数的连续调用，完成对数组的修改，从而抛离了for或while的循环使用。 /** * 生成指定长度有统一初始值的数组 * * @param {Number} len - 长度 * @param {*} val - 初始值 * @returns {Array[...
js数组初始化——ES6 Array.prototype.fill()实践记录
weixin_33889665的博客
08-17 894
Array.prototype.fil()方法：用给定值填充数组 初始化： let array = new Array(5).fill(false); console.log(array); //显示如下 //[false, false, false, false, false] 指定范围改变： let array = [1,1,1,1,...
JavaScript中Array对象总结-(forEach,fill,unshift,push)
pro_monkeyking的博客
03-28 1874
在JavaScript开发中经常遇到添加数组元素和修改元素的问题，一下总结了一些数组添加元素和修改元素的方法。 1.Array.prototype.forEach(callBack(param1,param2,param3)) 方法对数组的每个元素执行一次提供的函数。 param1:数组中正在处理的当前元素。 param2:数组中正在处理当前元素的索引。 param3:函数处理的原数组。
numexpr-2.8.3-cp38-cp38-win_amd64.whl
10-14
numexpr-2.8.3-cp38-cp38-win_amd64.whl
ujson-5.3.0-cp311-cp311-win_amd64.whl
10-14
ujson-5.3.0-cp311-cp311-win_amd64.whl
基于MATLAB车牌识别程序技术实现面板GUI.zip
最新发布
10-14
vos3000
RJFireWall-maste赛资源
10-14
RJFireWall-maste赛资源
ES6数组新特性解析：Array.from()与迭代方法
2. `Array.prototype.fill()` `fill()`方法用于用一个固定值填充数组的所有元素，如`arr.fill(value, start, end)`，它将从`start`位置开始（包括）到`end`位置（不包括）的所有元素设置为`value`。 3. `Array....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值