javaScript中循环遍历的方式有哪些

以下总结了在javaScript中常用的四种循环遍历方式

一、for循环

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

二、for-in循环

let arr = [100,110,120,130];
for(let i in arr) {
       console.log(arr[i]);
}
1
2
3
4

for-in循环还可以遍历对象

let obj = {
       name: "小明",
       age: 20,
       phone: "13536195223"
}
for(let i in obj) {
       console.log(obj[i]);
}
1
2
3
4
5
6
7
8

三、forEach循环

let arr = [100,110,120,130];
arr.forEach(element => {
       console.log(element);
});
1
2
3
4

注意：forEach循环无法遍历对象，且无法使用continue和break跳出循环，当使用return是跳出本次循环。

四、jquery的each循环

前提：引入jquery

let arr = [100,110,120,130];
$.each(arr, function (indexInArray, valueOfElement) { 
       console.log(indexInArray,valueOfElement);
});
1
2
3
4

indexInArray是数组的索引，valueOfElement是数组项
还可以遍历对象：

let obj = {
      name: "小明",
      age: 20,
      phone: "13536195223"
}
$.each(obj, function (indexInArray, valueOfElement) { 
         console.log(indexInArray,valueOfElement);
});
1
2
3
4
5
6
7
8

好啦，以上就是总结的常用的循环遍历方法，感谢阅读。关注我，持续更新更多有用的技术！