JS 几种循环遍历

简介: JS 几种循环遍历

实例


var arr = ["Java", "JavaScript", "Vue.js", "SpringBoot", "SpringCloud", "Linux", "数据结构", "算法导论", "大学英语", "Git"];
function arr_for1() {
    for (index in arr) {
        console.log(index);
    }
}
function arr_for2() {
    for (const item of arr) {
        console.log(item);
    }
}
function arr_for3() {
    arr.forEach(element => {
        console.log(element);
    });
}
arr_for1();
arr_for2();
arr_for3();


输出



发现 for...in... 遍历的是数组的索引,需根据索引取对应的值.

for...of...forEach 遍历出的直接是值.

相关文章
|
12天前
|
JavaScript 前端开发 安全
JavaScript中的循环控制:while、do-while与for详解
【4月更文挑战第7天】本文探讨JavaScript的三种主要循环结构:while、do-while和for。while循环在满足条件时执行代码块,注意避免无限循环;do-while循环至少执行一次,适合先执行后判断的场景;for循环结合初始化、条件和迭代,适合遍历。理解每种循环的特点和适用场景,结合编程技巧,如使用break和continue,选择合适的循环方式,能提升代码效率和可读性。记得关注循环性能和避免不必要的计算。
23 0
|
12天前
|
JavaScript
在循环内错误使用函数定义(js的问题)
在循环内错误使用函数定义(js的问题)
13 0
|
12天前
|
JavaScript
JS使用循环求100内奇数之和
JS使用循环求100内奇数之和
18 1
|
12天前
|
JavaScript 前端开发
JS——while 循环和 do while 循环:究竟有什么区别?
JS——while 循环和 do while 循环:究竟有什么区别?
25 1
|
12天前
|
JavaScript 前端开发
JavaScript如何遍历表单元素?
JavaScript如何遍历表单元素?
|
12天前
|
JavaScript 前端开发
js遍历对象的方法
js遍历对象的方法
43 1
|
11天前
|
JavaScript 前端开发
比较JavaScript中的for...in和for...of循环
比较JavaScript中的for...in和for...of循环
|
12天前
|
JavaScript 前端开发
JavaScript 循环方法详解
JavaScript 循环方法详解
24 1
|
12天前
|
JavaScript 前端开发
JavaScript 条件循环语句(for 循环)
JavaScript 条件循环语句(for 循环)
|
12天前
|
前端开发 JavaScript 开发者
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
遍历指南:JavaScript 中的 for、for-in、for-of 和 forEach 循环详解
22 3