js列表遍历方法解读（js遍历链表）

myzbx 2025-07-03 18:17 29 浏览

JavaScript提供了多种遍历数组（或列表）的方法。以下是一些常用的方法及其解读：

for 循环：

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

解读：这是最基础的遍历数组的方法。for循环从数组的第一个元素开始，一直到最后一个元素。我们使用i作为索引，每次循环时，i的值增加1，直到i的值等于array.length（数组的长度）。

for...in 循环：

var array = [1, 2, 3, 4, 5];  
  
for (var index in array) {  
  console.log(array[index]);  
}

解读：for...in循环用于遍历数组的所有可枚举属性，包括原型链上的属性。这个方法并不保证按照元素在数组中的顺序进行遍历，因此通常不推荐用于遍历数组。

forEach() 方法：

var array = [1, 2, 3, 4, 5];  
  
array.forEach(function(value, index) {  
  console.log(value);  
});

解读：forEach()方法按顺序对数组的每个元素执行一次提供的函数。这个方法不会返回值，但它会更新原数组（如果传入的函数对元素进行了修改）。函数接收两个参数：当前元素的值和当前元素的索引。

for...of 循环：

var array = [1, 2, 3, 4, 5];  
  
for (var value of array) {  
  console.log(value);  
}

解读：for...of循环用于遍历可迭代对象（包括数组、字符串、Map、Set等）。在每次迭代中，当前元素的值为value，而其索引则无法直接获取。如果你需要同时获取值和索引，你可能需要使用forEach()或者基础的for循环。

map() 方法：

var array = [1, 2, 3, 4, 5];  
var squaredArray = array.map(function(value) {  
  return value * value;  
});  
console.log(squaredArray); // [1, 4, 9, 16, 25]

解读：map()方法创建一个新数组，其结果是该数组中的每个元素都调用一个提供的函数后返回的结果。这个方法返回一个新数组，不会修改原数组。这是函数式编程中常用的一个方法。

JS 数组迭代

上一篇：理解python迭代对象、迭代器、生成器
下一篇：系列专栏(六):解构赋值（解构赋值默认值）

js列表遍历方法解读（js遍历链表）

相关推荐

使用VSCode模板提高Vue开发效率（vscode开发vue3）

吃透 Vue 项目开发实践|16个方面深入前端工程化开发技巧【下】

8.7k star，一款超炫酷的动态可视化大屏项目

说下你的vue项目的目录结构，该怎么划分?

这么牛逼的cursor功能，赶紧用起来

移动前端重构实战系列:5-7章（前端移动端主要技术有哪些）

用上Vue3，你真的变了吗?（vue3 key）

20个免费音乐音效下载网站，无版权素材商业影片也可用

comfyui安装MimicMotion扩展，AI跳舞动作模仿

什么是“恒定光圈”，什么是“浮动光圈”?-摄影早自习第331