js 中 for..in 与for..of 的区别

ゞ浴缸里的玫瑰 2022-11-19 07:39 173阅读 0赞

js 中 for…in 与for…of 的区别  
**1，for…in 可以遍历数组，对象**  
①遍历数组时，得到的是索引值  
②遍历对象时，得到的是对象的key  
为了方便理解，如下图所示

var a1 = [1,2,3];
    for( item in a1){console.log(item)}
    
    var a2 = [{name:'zs',age:16},{name:'ls',age:17}]
    for( item in a2){console.log(item)}

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]  
for…in 遍历对象时  
![在这里插入图片描述][20210127163209919.png]  
**2，for…of遍历，得到的是每一项的值**

var a1 = [1,2,3];
    var a2 = [{name:'zs',age:16},{name:'ls',age:17}]
    let o1 = {name:"lin",age:18}

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70 1]  
注意：遍历对象会报错  
![在这里插入图片描述][20210127163612564.png]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70]: /images/20221119/f4a4ae4179e44640b64aa5f5231db0b8.png
[20210127163209919.png]: /images/20221119/aa2b9246b59f469ba1b32ddab4917e8d.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl80NDk5NDczMQ_size_16_color_FFFFFF_t_70 1]: /images/20221119/6e2758380392488aac41a46ad21e9601.png
[20210127163612564.png]: /images/20221119/bfeb1794ccaa45efbaf16b42b45c349e.png

发表评论取消回复

表情：

评论列表（有 0 条评论，173人围观）

还没有评论，来说两句吧...

相关阅读

相关 JS中Null与Undefined的区别

JavaScript中存在这样两种原始类型:Null与Undefined。这两种类型常常会使JavaScript的开发人员产生疑惑，在什么时候是Null，什么时候又是Un...

超、凢脫俗/ 2024年04月17日 16:50/ 0 赞/ 97 阅读

相关 js中==与===区别。

对于string,number等基础类型，==和===是有区别的不同类型间比较，==之比较“转化成同一类型后的值”看“值”是否相等，===如果类型不同，其结果就是

超、凢脫俗/ 2024年02月18日 18:47/ 0 赞/ 73 阅读

相关 JS中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： typeof typeof 是一个

分手后的思念是犯贱/ 2023年08月17日 17:37/ 0 赞/ 172 阅读

相关 js中==与===的区别

在js中，我们有时会遇到==和===的问题，下面我就来介绍这两个的区别： 1、对于string,number等基础类型，==和===是有区别的（1）不同类型间比较，==

╰半橙微兮°/ 2022年09月23日 10:48/ 0 赞/ 312 阅读

相关 JS中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： typeof typeof

╰半橙微兮°/ 2022年08月27日 03:56/ 0 赞/ 263 阅读

相关 Js中em与px的区别

em指字体高，任意浏览器的默认字体高都是16px。所以未设置的浏览器都符合: 1em=16px。那么10px=0.625em，12px=0.75em。如果你要为了简易操作，可以

灰太狼/ 2022年08月06日 07:26/ 0 赞/ 277 阅读

相关 JS中typeof与instanceof的区别

JavaScript 中 typeof 和 instanceof 常用来判断一个变量是否为空，或者是什么类型的。但它们之间还是有区别的： typeof typeof 是一个

电玩女神/ 2022年07月17日 02:50/ 0 赞/ 305 阅读

相关 JS 中 === 与 == 的区别

确认两个变量是否相等是编程中的一个非常重要的操作。尤其是涉及到对象的比较时。为此，JS 提供了两组操作符。 1、相等和不相等。（== 与！=）

Myth丶恋晨/ 2022年06月02日 04:46/ 0 赞/ 298 阅读

相关 js中“==”与"==="的区别

首先，== equality 等同，=== identity 恒等。 ==，两边值类型不同的时候，要先进行类型转换，再比较。 ===，不做类型

╰半橙微兮°/ 2022年04月10日 03:22/ 0 赞/ 355 阅读

相关 js中“==”与"==="的区别

首先，== equality 等同，=== identity 恒等。 ==，两边值类型不同的时候，要先进行类型转换，再比较。 ===，不做类型转换，类型不同的一定不等。...

╰+攻爆jí腚メ/ 2021年05月18日 15:38/ 0 赞/ 707 阅读