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的数组对象或者其他相关话题有任何疑问或见解，欢迎继续探讨。