程序员求职经验分享与学习资料整理平台

网站首页 > 文章精选 正文

JavaScript:如何优雅的创建数组?

balukai 2025-04-27 12:27:01 文章精选 2 ℃

在 JavaScript 里,有多种方式可以创建数组,下面为你详细介绍:

1. 使用数组字面量

这是最常用的创建数组的方法,使用方括号 [] 来创建数组。

// 创建一个空数组
let emptyArray = [];

// 创建一个包含元素的数组
let numbers = [1, 2, 3, 4, 5];
let fruits = ['apple', 'banana', 'cherry'];

console.log(emptyArray);
console.log(numbers);
console.log(fruits);

上述代码中,首先创建了一个空数组 emptyArray,接着创建了包含数字元素的数组 numbers 和包含字符串元素的数组 fruits。

2. 使用Array构造函数

可以使用 Array 构造函数来创建数组。

// 创建一个空数组
let emptyArrayByConstructor = new Array();

// 创建一个包含指定长度的数组
let arrayWithLength = new Array(5);

// 创建一个包含元素的数组
let mixedArray = new Array(1, 'hello', true);

console.log(emptyArrayByConstructor);
console.log(arrayWithLength);
console.log(mixedArray);

在上述代码中,emptyArrayByConstructor 是一个空数组;arrayWithLength 是一个长度为 5 的数组,不过它的元素都是 undefined;mixedArray 是一个包含不同类型元素的数组。

3. 使用Array.of()方法

Array.of() 方法可以根据传入的参数创建数组。

// 从字符串创建数组
let arrayFromString = Array.from('hello');
console.log(arrayFromString);

// 从 Set 创建数组
let set = new Set([1, 2, 3]);
let arrayFromSet = Array.from(set);
console.log(arrayFromSet);

上述代码中,arrayFromOf 是一个包含 1、2、3 三个元素的数组。

4. 使用Array.from()方法

Array.from() 方法可以从一个类似数组或可迭代对象创建一个新的、浅拷贝的数组实例。

// 从字符串创建数组
let arrayFromString = Array.from('hello');
console.log(arrayFromString);

// 从 Set 创建数组
let set = new Set([1, 2, 3]);
let arrayFromSet = Array.from(set);
console.log(arrayFromSet);

在上述代码中,arrayFromString 是一个由字符串 'hello' 的每个字符组成的数组;arrayFromSet 是一个由 Set 对象中的元素组成的数组。

最近发表
标签列表