以下是关于 JavaScript 中 Array 数组的一些基本概念和用法：
1. 创建数组
可以使用字面量方式创建数组，也可以使用 new Array() 构造函数：
使用字面量：
var fruits = ['apple', 'banana', 'orange'];
使用构造函数：
var fruits = new Array('apple', 'banana', 'orange');
2. 访问数组元素
可以通过索引访问数组中的元素，数组的索引是从 0 开始的：
var fruits = ['apple', 'banana', 'orange'];
console.log(fruits[0]); // 输出: 'apple'
console.log(fruits[1]); // 输出: 'banana'
console.log(fruits[2]); // 输出: 'orange'
3. 修改数组元素
可以通过索引修改数组中的元素：
var fruits = ['apple', 'banana', 'orange'];
fruits[1] = 'grape'; // 修改第二个元素为 'grape'
console.log(fruits); // 输出: ['apple', 'grape', 'orange']
4. 数组的长度
可以通过 length 属性获取数组的长度，也可以通过设置 length 属性来改变数组的长度：
var fruits = ['apple', 'banana', 'orange'];
console.log(fruits.length); // 输出: 3
fruits.length = 2; // 截断数组，只保留前两个元素
console.log(fruits); // 输出: ['apple', 'banana']
5. 数组的方法
JavaScript 提供了丰富的数组方法，可以进行元素的增加、删除、查找、排序等操作。以下是一些常用的数组方法：
添加元素：
- push(element): 在数组末尾添加元素。
- unshift(element): 在数组开头添加元素。
var fruits = ['apple', 'banana'];
fruits.push('orange'); // 在末尾添加 'orange'
console.log(fruits); // 输出: ['apple', 'banana', 'orange']
fruits.unshift('grape'); // 在开头添加 'grape'
console.log(fruits); // 输出: ['grape', 'apple', 'banana', 'orange']
删除元素：
- pop(): 删除数组末尾的元素。
- shift(): 删除数组开头的元素。
- splice(start, count): 从指定位置开始删除指定数量的元素。
var fruits = ['apple', 'banana', 'orange'];
fruits.pop(); // 删除末尾的元素
console.log(fruits); // 输出: ['apple', 'banana']
fruits.shift(); // 删除开头的元素
console.log(fruits); // 输出: ['banana']
fruits.splice(0, 1); // 从索引 0 开始删除 1 个元素
console.log(fruits); // 输出: []
查找元素：
- indexOf(element): 返回指定元素的第一个匹配位置的索引。
- lastIndexOf(element): 返回指定元素的最后一个匹配位置的索引。
var fruits = ['apple', 'banana', 'orange', 'banana'];
console.log(fruits.indexOf('banana')); // 输出: 1
console.log(fruits.lastIndexOf('banana')); // 输出: 3
数组迭代：
- forEach(callback): 对数组中的每个元素执行提供的函数。
- map(callback): 返回一个由执行提供的函数的结果组成的新数组。
- filter(callback): 返回一个由执行提供的函数为 true 的元素组成的新数组。
var numbers = [1, 2, 3, 4, 5];
// forEach
numbers.forEach(function(element) {
console.log(element); // 逐个输出数组中的元素
});
// map
var squaredNumbers = numbers.map(function(element) {
return element * element;
});
console.log(squaredNumbers); // 输出: [1, 4, 9, 16, 25]
// filter
var evenNumbers = numbers.filter(function(element) {
return element % 2 === 0;
});
console.log(evenNumbers); // 输出: [2, 4]
其他常用方法：
- concat(array): 连接两个数组。
- reverse(): 反转数组中的元素顺序。
- sort(callback): 对数组进行排序。
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var combinedArray = arr1.concat(arr2);
console.log(combinedArray); // 输出: [1, 2, 3, 4, 5, 6]
var reversedArray = combinedArray.reverse();
console.log(reversedArray); // 输出: [6, 5, 4, 3, 2, 1]
var sortedArray = combinedArray.sort(function(a, b) {
return a - b;
});
console.log(sortedArray); // 输出: [1, 2, 3, 4, 5, 6]
6. 多维数组
JavaScript 中的数组可以包含其他数组，形成多维数组：
var matrix = [
[1, 2, 3],
[4, 5, 6],
[7, 8, 9]
];
console.log(matrix[0][0]); // 输出: 1
console.log(matrix[1][2]); // 输出: 6
以上是关于 JavaScript 中 Array 数组的一些基本概念和用法。数组是 JavaScript 中非常重要和常用的数据结构，了解数组的操作和方法有助于编写更灵活和高效的代码。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12831/JavaScript