JavaScript数组-创建数组

在JavaScript中，数组是一种非常强大的数据结构，它允许你将多个值存储在一个单独的变量中。数组可以包含任何类型的数据，如数字、字符串、对象甚至是其他数组，并且提供了丰富的内置方法来操作这些数据。本文将详细介绍如何在JavaScript中创建数组。

一、什么是数组？

数组是一组按顺序排列的数据集合，每个数据项称为元素，通过索引来访问这些元素。索引是从0开始的整数，这意味着第一个元素的索引为0，第二个元素的索引为1，以此类推。

二、创建数组的方法

1. 使用字面量语法

这是最常见也是最直接的方式。使用方括号 [] 来定义一个数组，并在其中列出所有元素，用逗号分隔。

let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits); // 输出: ["Apple", "Banana", "Cherry"]

你可以创建一个空数组：

let emptyArray = [];
console.log(emptyArray); // 输出: []

或者创建一个混合类型的数组：

let mixedArray = [1, 'two', true, null, undefined];
console.log(mixedArray); // 输出: [1, "two", true, null, undefined]

2. 使用 Array 构造函数

另一种方式是通过调用 Array 构造函数来创建数组。构造函数可以接受不同类型的参数来初始化数组。

不带参数

不带参数调用 Array() 将创建一个空数组。

let arrayUsingConstructor = new Array();
console.log(arrayUsingConstructor); // 输出: []

带单个数值参数

如果传递给构造函数的是一个数值，则该数值表示数组的长度。注意，此时数组中的元素都是 undefined。

let arrayWithLength = new Array(5);
console.log(arrayWithLength); // 输出: [ <5 empty items> ]
// 或者更直观地展示：
console.log(Array.from(arrayWithLength).map(() => 'undefined')); // 输出: ["undefined", "undefined", "undefined", "undefined", "undefined"]

带多个参数

当传入多个参数时，这些参数将成为数组中的元素。

let arrayWithValues = new Array('a', 'b', 'c');
console.log(arrayWithValues); // 输出: ["a", "b", "c"]

但是，如果你尝试仅传入一个非数值参数，它也会作为数组的一个元素处理：

let singleValueArray = new Array(3); // 注意这里的3不是数组长度而是元素
console.log(singleValueArray); // 输出: [3]

为了避免混淆，建议大多数情况下使用字面量语法来创建数组。

3. 使用 Array.of() 方法

Array.of() 方法用于创建一个具有可变数量参数的新数组实例，而不管参数的数量或类型如何。这与 Array 构造函数的行为略有不同，特别是在处理单个数值参数时。

let arrayOfValues = Array.of(7); // 与 new Array(7) 不同，这里7是一个元素
console.log(arrayOfValues); // 输出: [7]

let anotherArrayOfValues = Array.of(1, 2, 3);
console.log(anotherArrayOfValues); // 输出: [1, 2, 3]

4. 使用 Array.from() 方法

Array.from() 方法可以从类似数组的对象或可迭代对象（如字符串、Map、Set等）创建一个新的浅拷贝数组。

从字符串创建数组

let strToArray = Array.from('hello');
console.log(strToArray); // 输出: ["h", "e", "l", "l", "o"]

从 Set 创建数组

let setToArray = Array.from(new Set(['a', 'b', 'c']));
console.log(setToArray); // 输出: ["a", "b", "c"]

从 Map 创建数组

let map = new Map([[1, 'one'], [2, 'two']]);
let mapToArray = Array.from(map);
console.log(mapToArray); // 输出: [[1, "one"], [2, "two"]]

三、结语

感谢您的阅读！如果您对JavaScript数组或者其他相关话题有任何疑问或见解，欢迎继续探讨。