JS循环for、for...of、for...in

简介: 本文介绍了JavaScript中不同的循环语句,包括传统的`for`循环、`for...of`循环用于遍历数组和类数组对象、`for...in`循环用于遍历对象的属性,并通过示例代码展示了它们的用法和区别。

循环数组

      let arr = [1, 2, 3, 4, 5, 6, 7, 8]
        //1
        //2
        //3
        //4
        //5
        //6
        //7
        //8
        // for
        for (var i = 0; i < arr.length; i++) {
   
            console.log('arr[i]===', arr[i], "===", i);
        }
        console.log('==========',);

在这里插入图片描述

        //map filter same every find forEach
        console.log('==========',);
        // for in 
        let arrObj = [{
   
            name: 'zjq',
            age: 18
        }, {
   
            name: 'zrh',
            age: 188
        }, {
   
            name: 'zzz',
            age: 1888
        }, {
   
            name: 'hhh',
            age: 18888
        }, {
   
            name: 'qqq',
            age: 188888
        },]

        for (let i = 0; i < 5; i++) {
   
            console.log('arrObj[i]===', arrObj[i]);
        }
        console.log('==========',);
        // for in 
        for (let key in arrObj) {
   
            console.log('obj[key]===', arrObj[key], "===key", key);
        }
        //   
        for (let key of arrObj) {
   
            console.log('arrObj===', arrObj, "===key", key);
        }

在这里插入图片描述

for: 数组[下标]
for…of:key 每一项
for…in key下标

循环对象

    let obj = {
    name: 'zjq', age: 18, habby: '123456', 0: 123 }

        console.log('==========',);
        for (let key in obj) {
   
            console.log('obj[key]===', obj[key], "===key", key);
        }

在这里插入图片描述
for…in:key键值 对象[key]键值的value

目录
相关文章
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
50 2
JavaScript基础知识-流程控制之while循环
|
1月前
|
JavaScript 前端开发
js循环有几种
js循环有几种
31 0
|
3月前
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
3月前
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
147 0
|
14天前
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
26 2
|
2月前
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
54 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
2月前
|
JavaScript 前端开发 索引
|
2月前
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
45 1
JavaScript基础知识-forEach循环
|
1月前
|
JavaScript
自动循环提交js
自动循环提交js
17 0
|
2月前
|
JavaScript
js 循环数组取值
js 循环数组取值