极客笔记JavaScript中的新数组
引言
在JavaScript中，数组是一种非常重要的数据类型，用于存储和操作一系列的值。JavaScript提供了多种创建新数组的方式，以适应不同的需求和场景。本文将详细介绍JavaScript中创建新数组的方法，并提供示例代码和运行结果。
1. 直接赋值
JavaScript中最简单创建新数组的方式是直接赋值。可以使用方括号[]将一组值括起来，每个值之间使用逗号,分隔，如下所示：
var myArray = [1, 2, 3, 4, 5];
上述代码创建了一个名为myArray的新数组，包含5个整数值。这些值分别是1、2、3、4和5。
可以通过索引来访问数组中的元素。数组的索引从0开始，依次递增。例如，要访问数组myArray中的第一个元素，可以使用myArray[0]这样的语法。
console.log(myArray[0]); // 输出：1
可以对数组中的元素进行修改、添加和删除等操作。例如，将数组myArray中的第三个元素修改为6：
myArray[2] = 6;
console.log(myArray); // 输出：[1, 2, 6, 4, 5]
示例代码的运行结果：
1
[1, 2, 6, 4, 5]
2. Array构造函数
除了直接赋值，JavaScript还提供了Array构造函数来创建新数组。可以使用new关键字和Array构造函数来创建一个空数组，如下所示：
var myArray = new Array();
上述代码创建了一个名为myArray的新数组。这是一个空数组，其中不包含任何元素。
可以使用Array构造函数并传入一组初始值来创建一个有初始元素的数组，如下所示：
var myArray = new Array(1, 2, 3, 4, 5);
上述代码创建了一个名为myArray的新数组，包含5个整数值。这些值分别是1、2、3、4和5。
示例代码的运行结果：
console.log(myArray); // 输出：[1, 2, 3, 4, 5]
3. Array.from方法
在ES6中，JavaScript引入了Array.from方法，可以将类数组或可迭代对象转换为新数组。可以传入一个类数组对象（比如字符串、函数参数arguments、DOM元素集合等）或可迭代对象（比如Set、Map等），Array.from方法会遍历这些对象的元素，并将其放入一个新数组中。示例如下：
var str = "Hello";
var arr = Array.from(str);
console.log(arr); // 输出：['H', 'e', 'l', 'l', 'o']
上述代码将字符串"Hello"转换为一个新数组['H', 'e', 'l', 'l', 'o']。
示例代码的运行结果：
['H', 'e', 'l', 'l', 'o']
4. Array.of方法
在ES6中，JavaScript引入了Array.of方法，用于创建由参数值组成的新数组。不同于Array构造函数中的特殊行为，Array.of方法会将传入的参数直接作为新数组的元素，而不会特殊处理参数值。下面是示例代码：
var arr = Array.of(1, 2, 3, 4, 5);
console.log(arr); // 输出：[1, 2, 3, 4, 5]
上述代码创建了一个新数组[1, 2, 3, 4, 5]。
示例代码的运行结果：
[1, 2, 3, 4, 5]
5. Array.prototype方法
JavaScript中的数组还提供了一系列的原型方法，用于在已有数组的基础上创建新数组。这些方法不会改变原始数组，而是返回一个新数组。
5.1. Array.prototype.slice方法
Array.prototype.slice方法用于截取数组的一部分，并返回一个新数组。可以传入两个参数，分别表示截取的起始位置和结束位置（不包括结束位置）。如果不传入任何参数，则会返回整个数组的副本。
示例代码如下：
var fruits = ['apple', 'banana', 'orange', 'kiwi', 'mango'];
var newFruits = fruits.slice(1, 4);
console.log(newFruits); // 输出：['banana', 'orange', 'kiwi']
上述代码将数组fruits的第二个、第三个和第四个元素截取出来，生成一个新数组['banana', 'orange', 'kiwi']。
示例代码的运行结果：
['banana', 'orange', 'kiwi']
5.2. Array.prototype.concat方法
Array.prototype.concat方法用于合并两个或多个数组，并返回一个新数组。可以传入任意数量的参数，每个参数可以是一个数组或其他的值。如果参数是一个数组，concat方法会将该数组的元素依次添加到新数组中。如果参数是一个普通的值，concat方法会将该值作为一个元素添加到新数组中。
示例代码如下：
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var newArr = arr1.concat(arr2, 7, 8);
console.log(newArr); // 输出：[1, 2, 3, 4, 5, 6, 7, 8]
上述代码将数组arr1、数组arr2以及数字7和8合并为一个新数组[1, 2, 3, 4, 5, 6, 7, 8]。
示例代码的运行结果：
[1, 2, 3, 4, 5, 6, 7, 8]
5.3. Array.prototype.filter方法
Array.prototype.filter方法用于根据指定的条件筛选数组的元素，并返回一个新数组。可以传入一个回调函数作为参数，该函数会在数组的每个元素上被调用。在回调函数中，可以根据需要判断元素是否满足特定的条件，如果满足，则将该元素添加到新数组中。
示例代码如下：
var arr = [1, 2, 3, 4, 5];
var newArr = arr.filter(function(value) {
return value % 2 === 0;
});
console.log(newArr); // 输出：[2, 4]
上述代码筛选出数组arr中的偶数，生成一个新数组[2, 4]示例代码的运行结果：
[2, 4]
5.4. Array.prototype.map方法
Array.prototype.map方法用于对数组的每个元素应用指定的操作，并返回一个新数组，新数组的元素是被操作后的结果。可以传入一个回调函数作为参数，该函数会在数组的每个元素上被调用。在回调函数中，可以对元素进行处理，然后将处理后的结果添加到新数组中。
示例代码如下：
var arr = [1, 2, 3, 4, 5];
var newArr = arr.map(function(value) {
return value * 2;
});
console.log(newArr); // 输出：[2, 4, 6, 8, 10]
上述代码对数组arr中的每个元素进行乘以2的操作，生成一个新数组[2, 4, 6, 8, 10]。
示例代码的运行结果：
[2, 4, 6, 8, 10]
5.5. Array.prototype.reduce方法
Array.prototype.reduce方法用于对数组的所有元素进行累积计算，并返回一个结果。可以传入一个回调函数和一个初始值作为参数。在回调函数中，可以指定对元素的操作，以及如何将操作的结果累积起来。初始值可以用作累积的起始值。
示例代码如下：
var arr = [1, 2, 3, 4, 5];
var sum = arr.reduce(function(acc, value) {
return acc + value;
}, 0);
console.log(sum); // 输出：15
上述代码对数组arr中的所有元素进行求和操作，初始值为0，结果为15。
示例代码的运行结果：
15
结论
本文详细介绍了JavaScript中创建新数组的多种方法，并提供了相应的示例代码和运行结果。通过直接赋值、Array构造函数、Array.from方法以及Array.of方法可以轻松地创建新数组。此外，还介绍了通过Array.prototype方法在已有数组的基础上创建新数组的方法，包括slice、concat、filter、map和reduce方法。根据不同的需求和场景，选择适合的方法可以提高编程效率和代码可读性。