JavaScript中各种遍历方法的总结

最新推荐文章于 2024-06-30 19:20:29 发布

Carol小朋友

最新推荐文章于 2024-06-30 19:20:29 发布

阅读量174

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签：遍历

本文链接：https://blog.youkuaiyun.com/lixinyi0622/article/details/84991303

JavaScript 专栏收录该内容

31 篇文章

订阅专栏

本文深入解析JavaScript中的循环语句，包括for基础循环、for...in、for...of及forEach和map方法的使用技巧。通过实例演示如何遍历对象、数组、Set和Map，以及如何利用forEach进行数组遍历，和map方法创建新数组。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在这里插入图片描述

for

最基础的循环

for…in

可以用来遍历对象

var o ={
     name:"jack",
     age:20,
     city:"beijing"
};
for (var key in o){
      alert(key)  //"name","age","city"
}

for…of

可以遍历所有拥有iterator遍历器的数据结构。包括set和map。

var a = ["A","B","C"];
var s = new Set(["A","B","C"]);
var m = new Map([[1,"x"],[2,"y"],[3,"z"]]);
for (var x of a){
     alert(x);
}
for (var x of s){
     alert(x);
}
for (var x of m){
     alert(x[0]+"="+x[1]);
}

forEach

接受一个函数作为参数，这个函数有三个参数：
当前元素、当前索引、操作的数组对象。
无法使用break中断或者用return返回到外层函数。

let arr = [1,2,3,4]
arr.forEach(function(value,index,currentArr){
    currentArr[index]=value + 1
})
console.log(arr)//[ 2, 3, 4, 5 ]

map

接受一个函数作为参数，创建一个新数组，该数组中每个元素都调用这个函数后返回的结果。
函数接收的三个参数：
当前元素、当前索引、当前被调用数组

arr.map(function(m,n,k){
    console.log(m); //val
    console.log(n); //index
    console.log(n); //arr
})