JavaScript 内置对象-数组对象

在JavaScript中，数组（Array）是一种非常重要的数据结构，它允许我们以列表的形式存储多个值，并提供了丰富的内置方法来操作这些值。无论是处理简单的数值集合还是复杂的对象数组，数组对象都能提供强大的支持。本文将详细介绍数组对象的创建、基本操作以及一些常用的高级方法。

一、创建数组

使用字面量语法

最常见也是最直接的方式是使用方括号[]来创建一个数组：

let fruits = ['Apple', 'Banana', 'Cherry'];
console.log(fruits); // 输出: ["Apple", "Banana", "Cherry"]

使用构造函数

另一种方式是通过调用 Array 构造函数来创建数组：

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

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

二、访问和修改数组元素

数组中的每个元素都有对应的索引位置，从0开始计数。可以通过索引来访问或修改数组中的元素。

访问元素

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

修改元素

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

三、常用数组方法

添加和删除元素

• push()：向数组末尾添加一个或多个元素，并返回新的长度。
• pop()：移除并返回数组的最后一个元素。
• unshift()：向数组开头添加一个或多个元素，并返回新的长度。
• shift()：移除并返回数组的第一个元素。

let stack = [];
stack.push('First');
stack.push('Second');
console.log(stack.pop()); // 输出: Second
console.log(stack.shift()); // 输出: First

合并与分割

• concat()：合并两个或更多数组，不会改变现有数组，而是返回一个新数组。
• join()：将所有数组元素连接成一个字符串，默认使用逗号作为分隔符。

let arr1 = ['a', 'b'];
let arr2 = ['c', 'd'];
let combined = arr1.concat(arr2);
console.log(combined.join('-')); // 输出: a-b-c-d

搜索与查找

• indexOf()：返回第一个找到的指定元素的位置，如果没有找到则返回-1。
• includes()：判断数组是否包含某个指定的值，返回布尔值。
• find()：返回数组中满足提供的测试函数的第一个元素的值。否则返回 undefined。
• findIndex()：返回数组中满足提供的测试函数的第一个元素的索引。否则返回-1。

let numbers = [1, 2, 3, 4];
console.log(numbers.indexOf(3)); // 输出: 2
console.log(numbers.includes(5)); // 输出: false
console.log(numbers.find(x => x > 2)); // 输出: 3
console.log(numbers.findIndex(x => x === 4)); // 输出: 3

排序

• sort()：对数组元素进行排序，默认按字符串顺序升序排列。可以通过传递比较函数自定义排序规则。
• reverse()：颠倒数组中元素的顺序。

let nums = [4, 2, 6, 8, 1];
nums.sort((a, b) => a - b);
console.log(nums); // 输出: [1, 2, 4, 6, 8]
nums.reverse();
console.log(nums); // 输出: [8, 6, 4, 2, 1]

迭代

• forEach()：对数组的每一个元素执行一次提供的函数。
• map()：创建一个新数组，其结果是对原数组中的每个元素都执行提供的函数后的返回值。
• filter()：创建一个新数组，其包含通过所提供函数实现的测试的所有元素。
• reduce()：对数组中的每个元素执行一个reducer函数（由你提供），将其结果汇总为单个返回值。

let values = [1, 2, 3, 4];
values.forEach(value => console.log(value));
let doubled = values.map(value => value * 2);
console.log(doubled); // 输出: [2, 4, 6, 8]
let even = values.filter(value => value % 2 === 0);
console.log(even); // 输出: [2, 4]
let sum = values.reduce((acc, curr) => acc + curr, 0);
console.log(sum); // 输出: 10

四、数组的高级特性

扁平化数组

• flat()：按照一个可指定的深度递归遍历数组，并将所有元素与子数组元素合并为一个新数组返回。

let nested = [1, [2, 3], [4, [5, 6]]];
console.log(nested.flat(2)); // 输出: [1, 2, 3, 4, 5, 6]

填充数组

• fill()：用一个固定值填充一个数组中从起始索引到终止索引内的全部元素。

let empty = [,,];
empty.fill(7);
console.log(empty); // 输出: [7, 7, 7]

结语

感谢您的阅读！如果您对JavaScript的数组对象或者其他相关话题有任何疑问或见解，欢迎继续探讨。