在 JavaScript 中用范围填充数组

发布于:2022-10-21 ⋅ 阅读:(478) ⋅ 点赞:(0)

本文将讨论 Array 类提供的各种方法,我们可以使用这些方法在 JavaScript 中用范围填充数组。

目录

1.Array .fill()使用JavaScript中的函数用范围填充列表

2.Array .from()使用JavaScript 中的函数用范围填充数组


1.Array .fill()使用JavaScript中的函数用范围填充列表

 该Array.fill()方法用特定值填充现有数组。

该方法采用三个参数:value,我们将填充到数组中,和startend描述我们想要在数组中添加数据的位置。startend是可选参数。

例子: 

var arr = [1, 2, 3, 4];
arry.fill(6);

console.log(arr);

输出: 

[6, 6, 6, 6]

如我们所见,数组内的所有元素都被成功替换并填充了值 6。如果我们不想用该值替换所有元素,我们可以指定startend索引。 

2.Array .from()使用JavaScript 中的函数用范围填充数组

该方法在 JavaScript 的 ES6 版本中引入,该Arrar.from从类似数组的可迭代对象创建数组的浅拷贝实例。

句法:

Array.from(target, mapFunction, thisValue)

 在哪里:

  1. target:要转换为数组的对象。
  2. mapFunction:调用每个数组元素。这是一个可选参数。
  3. thisValue:this执行时使用的值mapFunction。这也是一个可选参数。

要填充数组,我们使用Array.from()with Array.keys()Array.keys()方法提取数组的所有键并返回一个迭代器,然后该Array.from()函数将此迭代器作为参数。

最后,所有索引都被复制为新数组的元素。

例子:

var arr = Array.from(Array(5).keys());
console.log(arr);

输出: 

[ 0, 1, 2, 3, 4 ]
笔记

Array.from()Internet Explorer 11 及更早版本不支持该功能。

本文含有隐藏内容,请 开通VIP 后查看

网站公告

今日签到

点亮在社区的每一天
去签到