JavaScript 创建或填充任意长度数组的小技巧

- 日理万妓 2022-09-17 01:56 122阅读 0赞

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZHJhZ29uaXI_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]

在 `JavaScript` 开发中，经常需要有需要创建特性长度数组的场景，本文总结了几种创建或填充任意长度的数组的小技巧，学会了可以提升编程效率。

## 直接填充法 ##

采用最原始的方法，手动填充所需长度的数组。

const arr = [0,0,0];

## `for 循环 push()` 法 ##

和第一种方法差不多，只是使用 `for` 循环创建特定长度的数组

var len = 3;
    var arr = [];
    for (let i=0; i < len; i++) { 
      arr.push(0);
    }

## Array 构造函数法 ##

var len = 3;
    var arr = new Array(len);

### 在 `Array` 构造函数后面加上 `fill()` 方法 ###

var len = 3;
    var arr = new Array(len).fill(0);

> 如果你用对象作为参数去 `fill()` 一个数组，所有元素都会引用同一个实例（也就是这个对象没有被克隆多份,`Array.from()` 则没有这个问题）：

var len = 3;
    var obj = { };
    var arr = new Array(len).fill(obj);

> 所以操作这个数组时应该比用构造函数创建的更快。不过创建数组的速度比较慢，因为引擎可能需要随着数组的增长多次重新分配连续的内存。

### 使用 `undefined` 填充数组 ###

Array.from({ length: 3})       // [ undefined, undefined, undefined ]

下面这种方式仅适用于可迭代的值，并且与 Array.from()具有类似的效果：

[...new Array(3)]             // [ undefined, undefined, undefined ]

### 使用 `Array.from()` 进行映射 ###

如果提供映射函数作为其第二个参数，则可以使用 Array.from() 进行映射。

### 用值填充数组 ###

Array.from({ length: 3}, () => 0)        // [ 0, 0, 0 ]

### 使用唯一（非共享的）对象创建数组 ###

Array.from({ length: 3}, () => ({ }))     // [ {}, {}, {} ]

### 用升序整数数列创建数组 ###

Array.from({ length: 3}, (x, i) => i)    // [ 0, 1, 2 ]

### 用任意范围的整数进行创建 ###

var start = 2, end = 5;
    Array.from({  length: end - start }, (x, i) => i + start)    // [ 2, 3, 4 ]

### 另一种创建升序整数数组的方法使用 `keys()` ###

[...new Array(3).keys()]              // [ 0, 1, 2 ]

[watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZHJhZ29uaXI_size_20_color_FFFFFF_t_70_g_se_x_16_pic_center]: /images/20220828/cfe4a5d1be5f42b481978e54250bd8f5.png

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

相关 Javascript中获取数组的长度

Javascript中获取数组的长度

缺乏、安全感/ 2024年04月23日 12:46/ 0 赞/ 78 阅读

相关 13个JavaScript数字数组的实用小技巧

关于数字 1.进制转换将十进制数字转换成其他N进制的数字，可以使用toString(n) const toDecimal = (num, n = 10

亦凉/ 2023年10月14日 17:12/ 0 赞/ 17 阅读

相关 JavaScript-创建数组的两种方法，数组的遍历，lenght获取数组的长度，在数组末尾追加元素

数组概述数组是一组相关数据的集合，其中的每一个值被称作元素，每个元素在数组中都有对应的位置（下标）就是元素的索引，通过下标就能很方便的获取对应下标的元素；当我们想要连续

喜欢ヅ旅行/ 2023年05月29日 02:29/ 0 赞/ 17 阅读

相关随记数组和javascript的技巧

javascript中的Arry对象包含的方法 some方法 array1.some(callbackfn[, thisArg]) 对数组array1中的每个元素

浅浅的花香味﹌/ 2023年02月08日 12:55/ 0 赞/ 6 阅读

相关二维数组的长度

> 二维数组的长度，通俗来讲就是行的长度和列的长度。其中，行的长度很常用，基本大家都知道，而列的长度不是很常用，说起时，第一反应会不知如何计算。下面以实例来说明这两个长度的计算

短命女/ 2022年11月21日 03:57/ 0 赞/ 219 阅读

相关 javaScript 将字符串分割为整型数组的一个小技巧

具体的代码可以在下面进行查看 var str = '1,2,3,4,5,6,-1'; var str1 = str.split(','); c

Bertha 。/ 2022年10月18日 10:00/ 0 赞/ 150 阅读

相关 JavaScript 创建或填充任意长度数组的小技巧

![在这里插入图片描述][watermark_type_ZHJvaWRzYW5zZmFsbGJhY2s_shadow_50_text_Q1NETiBAZHJhZ29uaXI_s

- 日理万妓/ 2022年09月17日 01:56/ 0 赞/ 123 阅读

相关 java--获取数组的长度

1，一维数组 int array\[\] = new int\[3\]; 数组的长度：array.length 2，二维数组二维数组int array\[\]

你的名字/ 2022年03月25日 12:46/ 0 赞/ 267 阅读

相关任意长度的十进制数转二进制数C语言实现

主要思路： 1.核心思想依然是经典的除2取余法。但是由于C语言中整型数据中能够存放的最大的整数为unsigned long int数据，占4B，能够表示0 ~ 2^32 -

谁借莪１个温暖的怀抱￠/ 2022年03月10日 09:24/ 0 赞/ 226 阅读

相关 JavaScript数组的概述&创建数组

一、数组的概述 > 1、概述 > > 所谓数组，就是将多个元素（通常是同一类型）按一定顺序排列放到一个集合中，那么这个集合我们就称之为数组。 > 2、数组的定义 >

╰半夏微凉°/ 2022年01月27日 15:47/ 0 赞/ 253 阅读