【JavaScript】创建数组的方法

在JavaScript中，创建数组主要有以下6种方法：

1. 数组字面量

let array = [value1, value2, ..., valueN];

2. Array构造函数

let array = new Array(element0, element1, ..., elementN);

注意!
如果传递给构造函数的是单个数值参数，那么这个数值会被当作数组的长度来处理，数组将被创建为指定长度但元素均为undefined。
如果传递的是多个参数，则这些参数将作为数组的初始元素。
代码示例:

// 创建带有初始元素的数组
let arrayWithElements = new Array('red', 'green', 'blue');
console.log(arrayWithElements); // 输出: ["red", "green", "blue"]

// 创建指定长度但元素为undefined的数组
let arrayWithLength = new Array(3);
console.log(arrayWithLength); // 输出: [undefined, undefined, undefined]

3. Array.of() (ES6+)

let array = Array.of(element0, element1, ..., elementN);

注意!

Array.of() 方法始终会创建一个包含所有传入参数的新数组，这与传统的 Array() 构造函数行为不同，避免了只有一个数字参数时将其视为长度的问题。
代码示例:

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

4. Spread操作符 (…)

let array = [...iterableObject, value1, value2, ..., valueN];

注意!

Spread操作符可用于从其他数组、Set、Map等可迭代对象创建新数组，也可以用于组合多个数组。
代码示例:

let existingArray = [4, 5, 6];
let newArray = [...existingArray, 7, 8, 9];
console.log(newArray); // 输出: [4, 5, 6, 7, 8, 9]

5. Array.from() (ES6+)

let array = Array.from(iterableObject[, mapFn[, thisArg]]);

注意!
Array.from() 方法用于将类数组对象或可迭代对象转换为真正的数组。
代码示例:

let arrayOfStrings = Array.from('hello'); // 字符串可迭代
console.log(arrayOfStrings); // 输出: ["h", "e", "l", "l", "o"]

6. Array.prototype.fill() (ES6+)

let array = new Array(length).fill(value);

注意!
fill() 方法用于填充数组，可以创建一个指定长度并填充同一值的数组。
代码示例:

let filledArray = new Array(5).fill('foo');
console.log(filledArray); // 输出: ["foo", "foo", "foo", "foo", "foo"]