JavaScript中创建数组的几种方式，你了解吗？

1.软文推荐

2.软文推荐

3.软文推荐

在JavaScript中，数组是一个非常重要的数据类型。它可以用于存储多个值，并且可以通过索引（index）来访问和修改这些值。对于初学者来说，了解数组的创建方式非常重要，下面我们来看几种常见的数组创建方式。

## 直接创建数组

在JavaScript中，我们可以使用最简单的方式来创建数组，就是在一对方括号中直接用逗号分隔每个元素。

```javascript const arr1 = [1, 2, 3, 4]; console.log(arr1); // [1, 2, 3, 4] ```

## 使用Array构造函数

除了直接创建数组，我们还可以使用`Array`构造函数来创建一个数组。

```javascript const arr2 = new Array(1, 2, 3, 4); console.log(arr2); // [1, 2, 3, 4] ```

注意，`Array`构造函数也可以只传一个参数，表示数组的长度。

```javascript const arr3 = new Array(4); console.log(arr3); // [undefined, undefined, undefined, undefined] ```

需要注意的是，当我们使用`Array`构造函数创建一个长度大于0的数组时，数组的每个元素都是空的，而不是有默认值的。

## Array.from方法

`Array.from`方法可以将一个类似数组的对象或可迭代对象转换成一个真正的数组。

```javascript const str = 'hello'; const arr4 = Array.from(str); console.log(arr4); // ['h', 'e', 'l', 'l', 'o'] ```

需要注意的是，如果我们传递的是一个类似数组的对象，还可以提供一个映射函数来对每个元素进行处理。

```javascript const obj = { length: 3, 0: 'a', 1: 'b', 2: 'c' };

const arr5 = Array.from(obj, item => item + '!'); console.log(arr5); // ['a!', 'b!', 'c!'] ```

## 使用展开运算符

在ES6中，我们还可以使用展开运算符（`...`）来创建数组。

```javascript const arr6 = [...arr1, ...arr2, ...arr5]; console.log(arr6); // [1, 2, 3, 4, 1, 2, 3, 4, 'a!', 'b!', 'c!'] ```

需要注意的是，展开运算符的优点在于可以快速地合并数组，但是如果需要创建一个长度为n的数组，就需要写n次展开运算符，非常麻烦。

以上就是几种常见的JavaScript数组创建方式，你可以根据自己的需求选择最适合的方式来创建数组。