JavaScript 数组详解

简介

JavaScript 中的数组是一种用于存储和操作一组或多组数据的有序集合。数组可以存储任何类型的数据、可以根据需要进行扩展或缩小。JavaScript 数组有许多强大的方法和属性，可以对数组进行各种处理，例如查找、添加、删除和排序等操作。

数组的基本操作

声明数组

在 JavaScript 中，可以使用以下方式声明一个数组：

// 以直接量形式声明数组
var myArray = ["apple", "banana", "orange", "grape"];

// 通过构造函数的方式声明数组
var myArray = new Array("apple", "banana", "orange", "grape");

访问数组元素

在 JavaScript 数组中，每个元素都有一个唯一的索引位置，从0开始计数。可以通过使用索引号来访问其中的元素：

// 访问数组中的元素
console.log(myArray[0]); // "apple"
console.log(myArray[2]); // "orange"

修改数组元素

可以使用索引号修改数组中的元素：

myArray[1] = "watermelon";
console.log(myArray); // ["apple", "watermelon", "orange", "grape"]

查找数组元素

可以使用 indexOf() 方法来查找数组中的某个元素：

console.log(myArray.indexOf("banana")); // -1，因为数组中并不存在元素 "banana"
console.log(myArray.indexOf("orange")); // 2

添加数组元素

可以使用 push() 方法在数组的末尾添加一个元素：

myArray.push("mango");
console.log(myArray); // ["apple", "watermelon", "orange", "grape", "mango"]

删除数组元素

可以使用 pop() 方法删除数组的最后一个元素：

myArray.pop();
console.log(myArray); // ["apple", "watermelon", "orange", "grape"]

数组的长度

可以使用 length 属性来获取数组的长度：

console.log(myArray.length); // 4

数组的高级操作

数组的遍历

可以使用 for 循环对数组进行遍历：

for (var i = 0; i < myArray.length; i++) {
    console.log(myArray[i]);
}

同时也可以使用 forEach() 方法：

myArray.forEach(function (item, index, array) {
    console.log(item);
});

数组的排序

可以使用 sort() 方法对数组进行排序，默认是按照字母顺序进行排序：

myArray.sort();
console.log(myArray); // ["apple", "grape", "orange", "watermelon"]

也可以传入一个自定义的排序函数：

myArray.sort(function (a, b) {
    return a.length - b.length;
});
console.log(myArray); // ["grape", "apple", "orange", "watermelon"]

数组的过滤

可以使用 filter() 方法来对数组进行过滤：

var filteredArray = myArray.filter(function (item, index, array) {
    return item.length > 5;
});
console.log(filteredArray); // ["watermelon", "orange"]

数组的映射

可以使用 map() 方法来对数组进行映射：

var mappedArray = myArray.map(function (item, index, array) {
    return item.toUpperCase();
});
console.log(mappedArray); // ["APPLE", "WATERMELON", "ORANGE", "GRAPE"]

示例说明

示例一

以下示例展现了如何通过 reduce() 方法计算数组中所有元素的总和：

var numbers = [10, 20, 30, 40];

var sum = numbers.reduce(function (previousValue, currentValue, index, array) {
    return previousValue + currentValue;
});

console.log(sum); // 100

示例二

以下示例展现了如何使用 splice() 方法在一个数组中添加、删除和替换元素：

var numbers = [10, 20, 30, 40];

// 在索引为2的位置添加一个元素
numbers.splice(2, 0, 25);
console.log(numbers); // [10, 20, 25, 30, 40]

// 从索引为0的位置开始删除2个元素
numbers.splice(0, 2);
console.log(numbers); // [25, 30, 40]

// 从索引为1的位置开始，替换2个元素，插入3和4两个元素
numbers.splice(1, 2, 3, 4);
console.log(numbers); // [25, 3, 4, 40]