美文网首页
js中 for in 与 for of 区别

js中 for in 与 for of 区别

作者: AI时代岁月笔记 | 来源:发表于2020-03-26 09:14 被阅读0次

for in是ES5标准,遍历key.    (遍历对象返回key, 遍历数组项返回数组的index)

for of是ES6标准,遍历value.

例:

let myobj={

    arr:[

        {id:1, name:"张三", remark:"100,30"},

        {id:2, name:"李四", remark:"100,40"},

        {id:3, name:"赵四", remark:"200,130"},

        {id:4, name:"钱三", remark:"300,30"},

        {id:5, name:"孟敏", remark:"400,50"},

    ]

}


for(let i in myobj){

    console.log(i);  //返回:arr

}

for(let i in myobj.arr){

    console.log(i);  //返回:0,1,2,3,4

}

for(let i of myobj.arr){

    console.log(i);  //返回如下结果列表

}

{ id: 1, name: '张三', remark: '100,30' }

{ id: 2, name: '李四', remark: '100,40' }

{ id: 3, name: '赵四', remark: '200,130' }

{ id: 4, name: '钱三', remark: '300,30' }

{ id: 5, name: '孟敏', remark: '400,50' }

相关文章

  • js中== 与 ===区别

    ==:运算符称作相等,用来检测两个操作数是否相等,这里的相等定义的非常宽松,可以允许进行类型转换===:用来检测两...

  • js中 for in 与 for of 区别

    for in是ES5标准,遍历key. (遍历对象返回key, 遍历数组项返回数组的index) for of是...

  • JS中“==”与“===”的区别,

    “==”判定较为轻松,只需值相等,可以进行类型转换;“===”判定严格,类型与值都必须相等; 特殊的 [字符串文字...

  • js中“==”与“===”的区别

    简介 “==”会先比较两边操作数的数据类型,如果两边操作数的数据类型不相同,会先尝试一次类型转换,然后再进行数值比...

  • js中==与===的区别

    大区别 ==代表相同; ===代表严格相同; 比较方式区别 双等号: 先检查两个操作数数据类型,如果相同, 则进行...

  • 单引号和双引号

    JS中 js中单引号和双引号的区别(html中属性规范是用双引号,js中字符串规定是用单引号)(js中单引号区别和...

  • js小知识1

    js的原始类型?null是对象吗,基本数据类型和引用类型的区别 js中类型转化的规则 ==与===区别,什么情况下...

  • null和undefiend区别?

    JS中Null与Undefined的区别 在JavaScript中存在这样两种原始类型:Null与Undefine...

  • 03-第三章 函数、自定义属性、事件

    一、 变量与属性的区别 属性分节点属性 和js属性节点属性 :元素自带属性js属性:js中自定义的属性 当js属性...

  • JS中的比较操作符 !=、== 、!==、=== 的用法与区别

    总结 : js中==、 != 与 ===、!==的区别是什么 == 和 != 先转换类型,再作“值”...

网友评论

      本文标题:js中 for in 与 for of 区别

      本文链接:https://www.haomeiwen.com/subject/cirquhtx.html