JavaScript第一个分水岭之数组的基本操作

JavaScript中的数组是一种非常常用的数据结构，可以用于存储和操作一组数据。学会数组的基本操作是学习JavaScript的第一个重要分水岭。下面是一份完整的攻略，包括数组的基本操作和示例说明。

创建数组

可以使用以下两种方式来创建一个数组：

直接创建

可以使用方括号来直接创建一个数组，数组中的元素使用逗号分隔。

var arr = [1, 2, 3, 4, 5];

使用Array构造函数

还可以使用Array构造函数来创建一个数组，通过向构造函数传递不同的参数，可以创建不同的数组。

var arr1 = new Array(); // 创建一个空数组
var arr2 = new Array(5); // 创建包含5个 undefined 元素的数组
var arr3 = new Array(1, 2, 3, 4, 5); // 创建包含5个元素的数组，元素分别为1, 2, 3, 4, 5

访问数组元素

可以使用方括号加索引的方式来访问数组中的元素。数组的索引从0开始，依次递增。

var arr = [1, 2, 3, 4, 5];

console.log(arr[0]); // 输出1
console.log(arr[2]); // 输出3

修改数组元素

可以使用方括号加索引的方式来修改数组中的元素，直接赋值即可。

var arr = [1, 2, 3, 4, 5];

arr[2] = 6;

console.log(arr); // 输出[1, 2, 6, 4, 5]

数组长度

可以使用length属性来获取数组的长度，也可以通过修改length属性来改变数组的长度。

var arr = [1, 2, 3, 4, 5];

console.log(arr.length); // 输出5

arr.length = 3;

console.log(arr); // 输出[1, 2, 3]

数组迭代

可以使用for循环来遍历数组中的元素。

var arr = [1, 2, 3, 4, 5];

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

也可以使用forEach方法来遍历数组中的元素。

var arr = [1, 2, 3, 4, 5];

arr.forEach(function(element) {
  console.log(element);
});

示例说明

下面是两个示例，演示了如何使用上述基本操作来进行数组操作。

示例1: 数组求和

// 创建一个包含10个随机整数的数组
var arr = [];
for (var i = 0; i < 10; i++) {
  arr.push(Math.floor(Math.random() * 10));
}

// 计算数组元素的和
var sum = 0;
for (var i = 0; i < arr.length; i++) {
  sum += arr[i];
}

console.log(arr); // 输出数组
console.log(sum); // 输出数组元素的和

示例2: 数组去重

// 创建一个包含10个随机整数的数组，可能重复
var arr = [];
for (var i = 0; i < 10; i++) {
  arr.push(Math.floor(Math.random() * 10));
}

// 去重
var result = [];
for (var i = 0; i < arr.length; i++) {
  if (result.indexOf(arr[i]) === -1) {
    result.push(arr[i]);
  }
}

console.log(arr); // 输出原始数组
console.log(result); // 输出去重后的数组

以上就是JavaScript数组的基本操作攻略，希望对你有帮助！