Javascript学习笔记之数组的遍历和 length 属性

介绍

在 Javascript 中，数组是一种常见的数据结构。数组是一组按顺序排列的值的集合，每个值都可以通过一个索引进行访问。数组可以存储各种类型的值，包括数字、字符串、对象和函数等。

数组的 length 属性用于获取数组的长度，即其中元素的数量。

在本文中，我将介绍如何遍历数组以及如何使用数组的 length 属性。

遍历数组

可以使用 for 循环或 forEach() 方法遍历数组。

使用 for 循环

for 循环是遍历数组最基本的方法。可以通过以下方式使用 for 循环遍历数组：

const arr = [1, 2, 3, 4, 5];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

对于每次循环，i 的值从 0 开始逐次递增，直到 i 小于数组的长度 arr.length。在每次循环中，可以通过 arr[i] 访问数组的每个元素并进行操作。

使用 forEach() 方法

forEach() 方法是一种更简单且易于使用的遍历数组的方法。可以通过以下方式使用 forEach() 方法遍历数组：

const arr = [1, 2, 3, 4, 5];
arr.forEach((item) => {
  console.log(item);
});

这里使用了箭头函数，将数组的每个元素作为参数传递给函数并进行操作。

length 属性

数组的 length 属性用于获取数组的长度。可以通过以下方式使用 length 属性：

const arr = [1, 2, 3, 4, 5];
const len = arr.length;
console.log(len); // 输出 5

在上面的代码中，我们创建了一个包含 5 个元素的数组，并将其长度存储在变量 len 中。在控制台中输出 len，可以看到它的值为 5。

示例说明

示例 1

下面是一个示例，展示了如何使用 for 循环和 length 属性遍历数组并计算数组中所有元素的总和：

const arr = [1, 2, 3, 4, 5];
let sum = 0;

for (let i = 0; i < arr.length; i++) {
  sum += arr[i];
}

console.log(sum); // 输出 15

在上面的代码中，我们创建了一个包含 5 个元素的数组，并使用 for 循环遍历该数组。在每次循环中，我们将数组中对应位置的元素的值加到变量 sum 中。最后，我们在控制台中输出 sum 的值，得到数组中所有元素的总和。

示例 2

下面是一个示例，展示了如何使用 forEach() 方法和 length 属性遍历数组并将其中每个元素的值加倍：

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

arr.forEach((item, index) => {
  arr[index] = item * 2;
});

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

在上面的代码中，我们创建了一个包含 5 个元素的数组，并使用 forEach() 方法遍历该数组。在每次循环中，我们使用 arr[index] = item * 2 将数组中对应位置的元素的值加倍。最后，我们在控制台中输出修改后的数组 arr，得到每个元素的值都加倍后的结果。

总结

在 Javascript 中，数组是一种常见的数据结构。可以使用 for 循环或 forEach() 方法遍历数组。数组的 length 属性用于获取数组的长度，即其中元素的数量。掌握这些基本的数组操作，可以帮助我们更有效地处理和操作数组。