简述for in 和 for of 的区别

简介: 1、推荐在循环对象属性的时候使用 for...in,在遍历数组的时候的时候使用 for...of 2、for...in 循环出的是 key,for...of 循环出的是 value

1、推荐在循环对象属性的时候使用 for...in,在遍历数组的时候的时候使用 for...of

2、for...in 循环出的是 key,for...of 循环出的是 value

3、注意,for...of 是 ES6 新引入的特性。修复了 ES5 引入的 for...in 的不足

4、for...of 不能循环普通的对象(如通过构造函数创造的),需要通过和 Object.keys()搭配使用


for in遍历数组的毛病:

1.index索引为字符串型数字,不能直接进行几何运算

2.遍历顺序有可能不是按照实际数组的内部顺序

3.使用for in会遍历数组所有的可枚举属性,包括原型。例如上栗的原型方法method和name属性

所以for in更适合遍历对象,不要使用for in遍历数组。


那么除了使用for循环,如何更简单的正确的遍历数组达到我们的期望呢(即不遍历method和name),ES6中的for of更胜一筹.


遍历对象


遍历对象 通常用for in来遍历对象的键名

1024b19218af40c7a8a6290c6186518d.png

目录
相关文章
|
机器学习/深度学习 算法 测试技术
【动态规划】C++算法312 戳气球
【动态规划】C++算法312 戳气球
|
5月前
|
人工智能 搜索推荐 安全
企业如何搭建AI智能体工作流?从需求输入到人工审核的六层设计
企业落地AI智能体,难点不在调用大模型,而在构建稳定、可复用、可审核的业务流程。本文提出六层工作流模型:需求输入→信息整理→AI处理→人工审核→标准输出→数据复盘,覆盖内容运营、客服、销售等场景,助力个人与企业从“工具使用者”升级为“流程设计者”。(239字)
|
存储 传感器 定位技术
【NI Multisim 14.0原理图设计基础——元器件分类】
一、元器件分类 NI Multisim 14.0不仅提供了数量众多的元器件符号图形,而且还设计了元器件的模型,并分门类地存储在各个元器件库中。下面按照元器件库的命名不同详细介绍常用的元器件。 1.电源库 单击“元器件”工具栏中的“放置源” 按钮,Sources 库的“系列”栏包括以下几种,如图所示: 电源(POWER-SOURCES):包括常用的交直流电源、数字地、地线、星形或三角形连接的三相电源、VCC、VDD、VEE、VSS 电压源,其元器件”栏下内容如图所示: 电压信号源(SIGNAL-VOLTAG…):包括交流电压、时钟电压、脉冲电压、指数电压、FM、AM等多种形式的电压信号,其“元器
22561 4
【NI Multisim 14.0原理图设计基础——元器件分类】
|
人工智能
AI生图美学在淘宝的实践应用(2)
AI生图美学在淘宝的实践应用
1127 8
|
安全 物联网 区块链
未来已来:新兴技术驱动的世界变革
随着科技的不断进步,一系列新兴技术正逐渐改变我们的生活和工作方式。本文将深入探讨区块链、物联网、虚拟现实等技术的发展趋势和应用场景,揭示它们如何推动社会向更智能、高效和互联的方向发展。通过分析这些技术的融合与创新,我们能够预见一个由新兴技术驱动的未来世界,其中数据安全、自动化和沉浸式体验成为常态。
213 4
|
Web App开发 安全 网络安全
项目部署到6666端口访问不了
项目部署到6666端口访问不了
1759 1
|
存储 芯片
51单片机8*8 LED点阵实现原理讲解
51单片机8*8 LED点阵实现原理讲解
1267 0
51单片机8*8 LED点阵实现原理讲解
|
运维 Ubuntu Linux
linux发送邮件使用外部邮箱
linux发送邮件使用外部邮箱
|
缓存 前端开发 算法
base64图片是什么?原理是什么?优缺点是什么?
base64图片是什么?原理是什么?优缺点是什么?