JavaScript数组的定义和操作
定义数组
在 JavaScript 中,数组是一种特殊的对象,用于存储一组有序的数据。定义数组的语法如下:
var arr = [];
这是最简单的定义数组的方式,它创建了一个空数组。我们也可以在数组中添加元素:
var arr = [1, 2, 3];
这样就创建了一个包含三个元素的数组。数组中的元素可以是任意数据类型,包括数字、字符串、对象等:
var arr = [1, "two", {name: "Alice", age: 20}];
我们也可以使用 new
关键字来创建数组:
var arr = new Array();
这样创建的数组也是空数组。我们可以在创建时指定数组的长度:
var arr = new Array(3);
这样创建的数组包含三个 undefined
元素。我们也可以在创建时指定数组的元素:
var arr = new Array(1, 2, 3);
这样创建的数组包含三个元素。
操作数组
访问元素
我们可以使用下标(从 0 开始)来访问数组中的元素:
var arr = [1, 2, 3];
console.log(arr[0]); // 1
console.log(arr[1]); // 2
console.log(arr[2]); // 3
修改元素
我们可以使用下标来修改数组中的元素:
var arr = [1, 2, 3];
arr[1] = 4;
console.log(arr); // [1, 4, 3]
添加元素
我们可以使用 push()
方法向数组末尾添加元素:
var arr = [1, 2, 3];
arr.push(4);
console.log(arr); // [1, 2, 3, 4]
我们也可以使用下标来添加元素:
var arr = [1, 2, 3];
arr[3] = 4;
console.log(arr); // [1, 2, 3, 4]
合并数组
我们可以使用 concat()
方法合并数组,它会返回一个新的数组,包含原数组和指定的数组(或元素):
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = arr1.concat(arr2);
console.log(arr3); // [1, 2, 3, 4, 5, 6]
我们也可以使用扩展运算符 ...
来合并数组:
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
var arr3 = [...arr1, ...arr2];
console.log(arr3); // [1, 2, 3, 4, 5, 6]
除了 concat()
方法和扩展运算符,我们还可以使用 push()
方法向数组末尾添加另一个数组的元素:
var arr1 = [1, 2, 3];
var arr2 = [4, 5, 6];
arr1.push(...arr2);
console.log(arr1); // [1, 2, 3, 4, 5, 6]
需要注意的是,这种方式会修改原数组 arr1
,而不是创建一个新的数组。
删除元素
我们可以使用 pop()
方法从数组末尾删除元素:
var arr = [1, 2, 3];
arr.pop();
console.log(arr); // [1, 2]
我们也可以使用 splice()
方法删除数组中的元素:
var arr = [1, 2, 3];
arr.splice(1, 1); // 从下标为 1 的位置开始删除一个元素
console.log(arr); // [1, 3]
遍历数组
我们可以使用 for
循环来遍历数组:
var arr = [1, 2, 3];
for (var i = 0; i < arr.length; i++) {
console.log(arr[i]);
}
我们也可以使用 forEach()
方法来遍历数组:
var arr = [1, 2, 3];
arr.forEach(function(item) {
console.log(item);
});
总结
JavaScript 数组是一种特殊的对象,用于存储一组有序的数据。我们可以使用下标来访问、修改、添加和删除数组中的元素,也可以使用 for
循环或 forEach()
方法遍历数组。