JS遍历list并修改值|极客笔记

JS遍历list并修改值

在JavaScript中，我们经常需要遍历数组或列表，并对其中的元素进行修改。这种操作在实际开发中非常常见，例如在前端页面中展示数据时，需要对数据进行一些处理或格式化。本文将详细介绍如何使用JavaScript遍历一个列表，并修改其中的值。

遍历List

在JavaScript中，我们可以使用不同的方式来遍历一个列表（或数组）。最常见的方式是使用for循环和forEach方法。下面分别演示这两种方式：

使用for循环遍历List

// 定义一个列表
let list = [1, 2, 3, 4, 5];

// 使用for循环遍历列表并修改元素值
for (let i = 0; i < list.length; i++) {
  list[i] = list[i] * 2; // 将每个元素乘以2
}

console.log(list); // 输出结果: [2, 4, 6, 8, 10]

在上面的示例中，我们定义了一个包含数字1到5的列表，并使用for循环遍历列表中的每个元素，将元素的值乘以2。最终输出的结果是[2, 4, 6, 8, 10]。

使用forEach方法遍历List

// 定义一个列表
let list = [1, 2, 3, 4, 5];

// 使用forEach方法遍历列表并修改元素值
list.forEach((item, index) => {
  list[index] = item * 2; // 将每个元素乘以2
});

console.log(list); // 输出结果: [2, 4, 6, 8, 10]

在上面的示例中，我们同样定义了一个包含数字1到5的列表，并使用forEach方法遍历列表中的每个元素，将元素的值乘以2。最终输出的结果也是[2, 4, 6, 8, 10]。

修改值

除了对列表中的元素进行数学计算外，我们还可以通过其他方式修改列表中的值。下面介绍几种常见的修改方式：

修改元素为新值

// 定义一个列表
let list = [1, 2, 3, 4, 5];

// 将列表中的第三个元素修改为100
list[2] = 100;

console.log(list); // 输出结果: [1, 2, 100, 4, 5]

在上面的示例中，我们将列表中的第三个元素修改为100，其他元素保持不变。最终输出的结果是[1, 2, 100, 4, 5]。

修改特定条件下的元素

// 定义一个列表
let list = [1, 2, 3, 4, 5];

// 将列表中大于3的元素修改为0
list.forEach((item, index) => {
  if (item > 3) {
    list[index] = 0;
  }
});

console.log(list); // 输出结果: [1, 2, 3, 0, 0]

在上面的示例中，我们遍历列表中的每个元素，如果元素的值大于3，则将其修改为0。最终输出的结果是[1, 2, 3, 0, 0]。