JavaScript教程

数组的定义和操作

Preview
  • JavaScript数组的定义和操作
  • 定义数组
  • 操作数组
  • 访问元素
  • 修改元素
  • 添加元素
  • 合并数组
  • 删除元素
  • 遍历数组
  • 总结

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() 方法遍历数组。