es5中的for in 与es6中的for of的用法与区别

最新推荐文章于 2023-04-13 09:21:56 发布
最新推荐文章于 2023-04-13 09:21:56 发布
阅读量211 收藏
点赞数
原文链接：http://www.cnblogs.com/Mrkaikai/p/9536615.html
版权

for in 用与循环遍历对象中的属性键值

for of用于循环遍历出数组中的属性值

for in 也可以遍历数组，但是局限是他会把数组的其他属性键值也会遍历出，例如给数组添加一个属性arr.name = 'zhaokaikai';

for of也可以用于遍历对象但是需要 用Object.keys()将对象中key取出来

具体实现代码请自行百度，此处只提供自己方便记忆的思路，谢谢

转载于:https://www.cnblogs.com/Mrkaikai/p/9536615.html

diyingpi4052
关注
es6 for...of使用及for of与for in 的区别
周家大小姐
06-07 1297
for...of语句创建一个循环来迭代可迭代的对象。在 ES6 中引入的for...of循环，以替代for...in和forEach()，并支持新的迭代协议。for...of允许你遍历 Arrays（数组）, Strings（字符串）, Maps（映射）, Sets（集合）等可迭代的数据结构等。 目录 for...of的使用 for of和for in的区别 for...of的使用 var arr = ['js', 'es6', 'es7', 'es8']...
ES6中for..of的妙用
itKingOne的博客
08-25 1199
你是如何遍历数组中的元素的？20年前JavaScript刚进入视野时，你应该是这样写的： [js] view plaincopy for (var index = 0; index      console.log(myArray[index]);    }   直到ES5中原生JavaScript中添加了forEach方法
es5中for...in 和es6中 for..of遍历
ahu2331的博客
06-28 208
//定义一个数组 var arr=['A','B','C']; //定义一个对象 var obj={name:'张三',age:20} // for..in 遍历数组 得到索引 for(var x in arr ){ console.log(x) //0 1 2 } // for..in 遍历对象 得到键和值 for(var x in obj){ con...
es5中for...in和es6中 for..of遍历的区别
zb865938593的博客
07-08 165
//定义一个数组 var arr=['A','B','C']; //定义一个对象 var obj={name:'张三',age:20} // for..in 遍历数组 得到索引 for(var x in arr ){ console.log(x) //0 1 2 } // for..in 遍历对象 得到键和值 for(var x in obj){ console.log(x) //name age console.log(obj[x]) //张三 20 } // for..of 遍历数组
[es6]中for...of与[es5]中for...in的区别
qq_41818857的博客
10-14 839
共同点：for…of与for…in都是用来循环遍历数据的。 不同点： 1、for…of是es6中的，for…in是es5中的 2、当遍历数组中每一项值时,明显for…of更方便 var arr = ['a','b','c']; // for...in循环遍历的是数组的索引，再通过索引值获取数组值 for (const key in arr) { console.log(key); // 0,1,2 console.log(arr[key]); // a b c } // 而for...of循环遍历的是数
for in 与 for of 的区别? es5 的面向对象和 es6 的面向对象？
zhangyu812的博客
05-03 138
for in 与 for of 的区别? - For in 可以遍历对象 ⽽ for of 遍历对象会报错 - for in 遍历数组得到的数组的下表 ⽽ for of 遍历得到的时候数组⾥⾯的每⼀个元素 es5 的面向对象和 es6 的面向对象 es5 的面向对象是通过 new 一个构造函数实现的 es6 的面向对象是通过 class 实现的 es6 的 class 就是面向对象的语法糖（实现同样的功能 但是代码更少 更加简洁） 面向对象是一个概念或者编程思想，面向对象是相对于面向过.
ES6中for…of与for…in的区别
curry_zhao的博客
07-24 7294
都是循环，二者的区别在哪 参考：http://es6.ruanyifeng.com/#docs/iterator 1. for…of循环可以代替数组实例的forEach方法，不同于forEach方法，它可以与break、continue和return配合使用。 2. for…in循环主要是为遍历对象而设计的，不适用于遍历数组。 3. JavaScript 原有的for…in循环，只能...
ES6中Iterator与for..of..遍历用法分析
08-30
与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。 对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; ...
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
11-26
在ES5中，遍历数组通常使用`for`循环，或者使用`forEach()`方法；遍历对象则使用`for-in`循环。然而，ES6新增了`Map`和`Set`等数据结构，并引入了`for-of`循环，这是专门为消费迭代器设计的。这意味着，有了迭代器，...
ES5和ES6介绍及新增内容用法讲解
Cjy853500的博客
06-18 1137
ECMAScript5，即ES5，是ECMAScript的第五次修订，于2009年完成标准化 　　ECMAScript6，即ES6，是ECMAScript的第六次修订，于2015年完成，也称ES2015 　　ES6是继ES5之后的一次改进，相对于ES5更加简洁，提高了开发效率 　　ES6新增的一些特性： 　　1）let声明变量和const声明常量，两个都有块级作用域 　　ES5中是没有块级作用域的，并且var有变量提升，在let中，使用的变量一定要进行声明 　　2）箭头函数 　　ES6中的函数定义不再使用关
for循环遍历 ES5中for in 和 ES6中的for of的区别？
lin2785的博客
04-13 120
for in 和 for of 都可以循环数组，for in 输出的是数组的下标索引，而for of 输出的是数组的每一项的值。区别二：for in 可以遍历对象，for of 不能遍历对象，只能遍历带有iterator接口的，例如Set,Map,String,Array。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。
js 数组遍历的常见方法 (ES5)+(ES6)
m0_56471534的博客
04-03 700
最简单的一种循环遍历方法，也是使用频率最高的一种，可优化针对for循环，循环条件总比循环体要多执行一次。
【前端】【ES5】【遍历循环的几种方式】
时光与简的博客
07-19 1637
【前端】【ES5】【遍历循环的几种方式】
深入理解JavaScript的循环遍历
星期一的博客
06-18 611
前言 对一个循环分享的这么详细，相信看完你会有所收获。 正文从这开始～ 在ECMAScript5（简称 ES5）中，有三种 for 循环，分别是： 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6（简称 ES6）中，新增了一种循环，是： for-of 下面我们就来看看这 4 种 for 循环。 一、简单 for 循环 下面先来看看大家最常见的一种写法： 当数组长度在循环过程中不会改变时，我们应将数组长度用变量存储起来，这样会获得更好的效率，下面是改进的写法： 二
js中的for in 和 for of 的区别
热门推荐
阳光下的冷静的博客
04-09 2万+
for...in和for...of的区别 [ ]for...in是ES5的标准，该方法遍历的是对象的属性名称(key：键名)。一个Array对象也是一个对象，数组中的每个元素的索引被视为属性名称，所以在使用for...in遍历Array时，拿到的是每个元素索引 一般用于遍历对象的可枚举属性。以及对象从构造函数原型中继承的属性。对于每个不同的属性，语句都会被执行。 不建议使用for in 遍...
v-for 循环中 in 与 of 区别，以及 ES5 for in 与 ES6 for of 区别
weixin_50339217的博客
04-21 2026
const arr = ['张三','李四','王五'] const obj = [{ name:'张三' },{ name:'李四' }] v-for="(item,index) in ( arr || obj )" :key="index" v-for="(item,index) of ( arr || obj )" :key="index" // 遍历 数组或数组对象 时，item 为数组或数组对象的值, index 为数组的索引。使用 in 或 of 两者是没有区别的 // -..
js的 for in 与 for of(ES6新方法) - Kaiqisan
Kaiqisan的博客
08-03 468
js的for in 与 for of ヤッハロー、Kaiqisanすうう、一つふつうの学生プログラマである，今天还是来讲讲数组的遍历，想带大家了解一下新的遍历数组的方法，前面在写这篇博客的时候发现前面的讲数组遍历的博客没有写forEach遍历的方法,于是就想着这篇文章把它当做一个反面教材。（for循环：我不要面子啊，每一集我都是反面教材） 如果要遍历数组，我们会最先想到forEach方法和for循环 const lists=["Kaiqisan", "Jarry", "Danny"] //----1.f
js中的循环遍历数组中的元素，ES6（for-of）、ES5（forEach、for-in）、通用（for（i=0；i<length;i++））
Harry_一棵树的博客
04-27 1万+
我们如何遍历数组中的元素？for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); }ES5myArray.forEach(function (value) { console.log(value); });缺点：你不能使用break语句中断循环，也不能使用return语句返回到外层函数
js中for-in的坑
Jq的博客
08-28 1万+
在js中一般使用的循环有两种 1.常规的for(var i=0;i
es5中类与es6class有什么区别
最新发布
09-18
在JavaScript中，ES5和ES6引入了不同的类定义机制。以下是两者的主要区别： **ES5 (Object.create + Function.prototype)**: ES5并没有内置的`class`关键字来定义类，它通过组合`Object.create()`和`Function....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值