JavaScript创建数组的方法详解

JavaScript创建数组的方法详解

在JavaScript中创建数组的方法有很多，本文将详细讲解其中的6种方法。

1. 直接量

使用直接量的方式可以快速创建一个数组，只需要使用方括号[]，并在其中用逗号隔开各元素。示例如下：

let arr1 = [1, 2, 3];

2. 使用new Array()

使用new Array()的方式也可以创建一个数组，需要注意的是，在括号中指定数组的长度。示例如下：

let arr2 = new Array(3);

上述代码创建了一个长度为3的数组，里面的值都为undefined。

3. 使用Array.from()

Array.from()方法可以将类数组对象或可迭代对象转换成数组。示例如下：

let arr3 = Array.from('hello');
console.log(arr3); //['h', 'e', 'l', 'l', 'o']

4. 使用concat()

concat()方法可以合并两个或多个数组，返回一个新的数组。示例如下：

let arr4 = [1, 2];
let arr5 = [3, 4];
let arr6 = arr4.concat(arr5);
console.log(arr6); //[1, 2, 3, 4]

5. 使用splice()

splice()方法可以对数组进行删除、插入、替换等操作。示例如下：

let arr7 = [1, 2, 3, 4, 5];
arr7.splice(1, 2); //删除从索引1开始的2个元素，即删除2,3
console.log(arr7); //[1, 4, 5]

arr7.splice(1, 0, 'a', 'b'); //从索引1开始插入a,b两个元素
console.log(arr7); //[1, "a", "b", 4, 5]

arr7.splice(2, 1, 'c', 'd'); //从索引2开始替换一个元素，即替换b为c,d两个元素
console.log(arr7); //[1, "a", "c", "d", 4, 5]

6. 使用Array.of()

Array.of()方法可以创建一个包含任意参数的数组，区别在于直接量的方式如果传入的是一个参数且为数值类型，会被当做数组长度，而Array.of()则不会受到这种影响。示例如下：

let arr8 = Array.of(1, 'a', [1, 2]);
console.log(arr8); //[1, "a", Array(2)]

以上就是JavaScript创建数组的6种方法，每种方法都有其适用场景，需要根据实际需求来选择合适的方式创建数组。