JavaScript数组-创建数组_js 快速生成多个数组-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_51626500/article/details/146289375

在JavaScript编程中，数组（Array）是一种非常重要的数据结构，用于存储有序的数据集合。无论是管理简单的列表还是处理复杂的数据集，正确地创建和初始化数组是第一步。本文将详细介绍几种创建数组的方法，并讨论它们各自的适用场景。

一、为什么需要数组？

数组提供了一种高效的方式来管理和操作一组相关的值。相比于单独声明多个变量，使用数组可以更简洁、更灵活地处理大量数据。例如，它可以用来存储用户输入的一系列数值、网页上的多项选择题答案等。

二、创建数组的基本方法

1. 使用数组字面量

这是最常用且最直接的方式之一。通过一对方括号[]来定义一个数组，并在其中列出元素，各元素之间用逗号分隔。

示例：

let colors = ['Red', 'Green', 'Blue'];
console.log(colors); // 输出: ["Red", "Green", "Blue"]

这种方法简单直观，适合于已知元素的情况。

2. 使用`Array`构造函数

另一种创建数组的方式是通过调用Array构造函数。这允许你动态地指定数组的大小或初始值。

示例：

// 创建一个空数组
let emptyArray = new Array();
console.log(emptyArray); // 输出: []

// 创建一个包含三个元素的数组
let numbers = new Array(1, 2, 3);
console.log(numbers); // 输出: [1, 2, 3]

// 创建一个长度为5的空数组
let arrayWithLength = new Array(5);
console.log(arrayWithLength); // 输出: [ <5 empty items> ]

注意：当仅传递一个数值参数给Array构造函数时，它会被解释为数组的长度而不是元素值。

3. 创建多维数组

有时候我们需要存储更加复杂的数据结构，比如二维或三维数组。这可以通过嵌套数组来实现。

示例：

// 创建一个二维数组
let matrix = [
    [1, 2, 3],
    [4, 5, 6],
    [7, 8, 9]
];
console.log(matrix); 
// 输出:
// [
//   [1, 2, 3],
//   [4, 5, 6],
//   [7, 8, 9]
// ]

// 访问特定位置的元素
console.log(matrix[1][2]); // 输出: 6

这种结构非常适合表示表格数据或者棋盘游戏中的状态。

4. 使用`Array.of()`方法

Array.of()方法用于创建一个新的数组实例，无论传入多少个参数，都会作为数组元素加入到新数组中。这与Array构造函数不同，后者在单个数值参数时会将其视为数组长度而非元素。

示例：

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

let singleElementArray = Array.of(5);
console.log(singleElementArray); // 输出: [5]

5. 使用`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([1, 2, 3]));
console.log(setToArray); // 输出: [1, 2, 3]

// 使用映射函数
let mappedArray = Array.from([1, 2, 3], x => x * x);
console.log(mappedArray); // 输出: [1, 4, 9]