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

目录
相关文章
|
JavaScript 前端开发
JavaScript基础知识-流程控制之while循环
这篇文章介绍了JavaScript中的while循环和do...while循环的基础知识,并通过一个实际案例演示了如何使用while循环计算投资增长到特定金额所需的年数。
313 2
JavaScript基础知识-流程控制之while循环
|
JavaScript 前端开发
JavaScript中有哪几种循环?他们的运用场景在哪?
JavaScript中有哪几种循环?他们的运用场景在哪?
|
JavaScript 前端开发
js循环有几种
js循环有几种
242 0
|
JavaScript 前端开发 索引
js的循环中foreach、for in和for of的区别
js的循环中foreach、for in和for of的区别
582 0
|
JavaScript
js 循环数组取值
js 循环数组取值
342 122
|
消息中间件 JavaScript 前端开发
最细最有条理解析:事件循环(消息循环)是什么?为什么JS需要异步
度一教育的袁进老师谈到他的理解:单线程是异步产生的原因,事件循环是异步的实现方式。 本质是因为渲染进程因为计算机图形学的限制,只能是单线程。所以需要“异步”这个技术思想来解决页面阻塞的问题,而“事件循环”是实现“异步”这个技术思想的最主要的技术手段。 但事件循环并不是全部的技术手段,比如Promise,虽然受事件循环管理,但是如果没有事件循环,单一Promise依然能实现异步不是吗? 博客不应该只有代码和解决方案,重点应该在于给出解决方案的同时分享思维模式,只有思维才能可持续地解决问题,只有思维才是真正值得学习和分享的核心要素。如果这篇博客能给您
|
前端开发 JavaScript
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
本文介绍了JavaScript中的循环语句,包括for循环、for-in循环、for-of循环、while循环、do-while循环以及break和continue的使用。
1201 1
前端基础(八)_JavaScript循环(for循环、for-in循环、for-of循环、while、do-while 循环、break 与 continue)
|
JavaScript
js动画循环播放特效源码(上班族的一天)
js动画循环播放特效是一段实现了包含形象的卡通小人吃、睡、电脑工作的网页动画,js循环动画,简单的画面设计。非常丝滑有意思,欢迎对此代码感兴趣的朋友前来下载参考。
180 2
|
JavaScript 前端开发
JavaScript基础知识-forEach循环
关于JavaScript基础知识中forEach循环的介绍。
197 1
JavaScript基础知识-forEach循环
|
JavaScript 前端开发 索引

热门文章

最新文章