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

最新推荐文章于 2023-04-13 09:21:56 发布
最新推荐文章于 2023-04-13 09:21:56 发布
阅读量199 收藏
点赞数
原文链接：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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ES6中Iterator与for..of..遍历用法分析
08-30
与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。 对于数组和类数组对象，`for..of`循环可以方便地获取每个元素的值： ```javascript let arr = [1, 2, 3]; ...
ES6教程之for循环和Map,Set用法分析
08-30
- for-of并不适用于普通对象的属性遍历，如果需要遍历对象属性，应使用for-in或Object.keys()方法。 总的来说，ES6的for循环和Map、Set提供了更强大的数据处理能力，使JavaScript编程更加简洁和高效。在实际开发中...
es5中for...in 和es6中 for..of遍历
ahu2331的博客
06-28 197
//定义一个数组 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...
[es6]中for...of与[es5]中for...in的区别
qq_41818857的博客
10-14 795
共同点：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 128
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 7261
都是循环，二者的区别在哪 参考：http://es6.ruanyifeng.com/#docs/iterator 1. for…of循环可以代替数组实例的forEach方法，不同于forEach方法，它可以与break、continue和return配合使用。 2. for…in循环主要是为遍历对象而设计的，不适用于遍历数组。 3. JavaScript 原有的for…in循环，只能...
for循环遍历 ES5中for in 和 ES6中的for of的区别？
lin2785的博客
04-13 107
for in 和 for of 都可以循环数组，for in 输出的是数组的下标索引，而for of 输出的是数组的每一项的值。区别二：for in 可以遍历对象，for of 不能遍历对象，只能遍历带有iterator接口的，例如Set,Map,String,Array。总结：for in适合遍历对象，for of适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
11-26
一、什么是迭代器？ 生成器概念在Java，Python等语言中都是具备的，ES6也添加到了JavaScript中。...ES5中遍历集合通常都是 for循环，数组还有 forEach 方法，对象就是 for-in，ES6 中又添加了 Map 和 Set，而迭代器
全面解析JavaScript里的循环方法之forEach，for-in，for-of
10-22
在JavaScript中，有三种主要的循环方法：`forEach`、`for-in`和`for-of`，每种都有其特定的用途和特点。 `forEach`方法是ES5引入的一个数组方法，简化了对数组元素的遍历。例如： ```javascript myArray.forEach...
javascript中判断一个值是否在数组中并没有直接使用
10-27
另外，对于大型数组，使用`Array.prototype.includes`（ES6引入）或`Array.prototype.indexOf`（ES5引入）可能更高效，因为它们是原生方法，执行速度更快。例如： ```javascript var arr = ['blue', 'red', '110', ...
es5中for...in和es6中 for..of遍历的区别
zb865938593的博客
07-08 153
//定义一个数组 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 遍历数组
【前端】【ES5】【遍历循环的几种方式】
时光与简的博客
07-19 1591
【前端】【ES5】【遍历循环的几种方式】
js 数组遍历的常见方法 (ES5)+(ES6)
m0_56471534的博客
04-03 643
最简单的一种循环遍历方法，也是使用频率最高的一种，可优化针对for循环，循环条件总比循环体要多执行一次。
JS 中 for in 和 for of 的区别
qq_43886365的博客
02-22 1967
`for in`适合遍历对象，`for of`适合遍历数组。for in遍历的是数组的索引，对象的属性，以及原型链上的属性。 `for of`除了能够遍历真数组、字符串、ES6的Set、Map集合还能遍历伪数组（NodeList）；
v-for 循环中 in 与 of 区别，以及 ES5 for in 与 ES6 for of 区别
weixin_50339217的博客
04-21 1957
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中的循环遍历数组中的元素，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语句返回到外层函数
【探秘ES6】系列专栏（二）：迭代器和for-of循环
weixin_34258078的博客
10-22 204
为什么80%的码农都做不了架构师？>>> ...
es6 for...of使用及for of与for in 的区别
周家大小姐
06-07 1280
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']...
js 循环 forin注意点
就当我是那云朵
06-21 811
js javascript for 循环 遍历
ES6：class的定义与继承，从ES5转换成ES6
最新发布
05-26
在ES6中，我们可以使用class关键字来定义一个类，同时也可以使用extends关键字来实现继承。下面是一个使用ES6语法定义和继承类的示例代码： ``` // 定义一个父类 class Animal { constructor(name) { this.name = name; } speak() { console.log(`${this.name} makes a noise.`); } } // 定义一个子类，继承自父类Animal class Dog extends Animal { constructor(name) { super(name); // 调用父类的constructor方法 } speak() { console.log(`${this.name} barks.`); } } const d = new Dog('Mitzie'); d.speak(); // 输出 "Mitzie barks." ``` 以上代码中，Animal类是一个父类，其构造函数接受一个name参数，并定义了一个speak方法。而Dog类则继承自Animal类，并且覆盖了speak方法，以实现不同的行为。 如果你想把以上代码从ES5转换成ES6，可以使用一些工具，如Babel等，将其转换成ES6语法。例如，以下是使用ES5语法定义和继承类的示例代码： ``` // 定义一个父类 function Animal(name) { this.name = name; } Animal.prototype.speak = function() { console.log(this.name + ' makes a noise.'); }; // 定义一个子类，继承自父类Animal function Dog(name) { Animal.call(this, name); } Dog.prototype = Object.create(Animal.prototype); Dog.prototype.constructor = Dog; Dog.prototype.speak = function() { console.log(this.name + ' barks.'); }; var d = new Dog('Mitzie'); d.speak(); // 输出 "Mitzie barks." ``` 以上代码中，Animal类是一个父类，其构造函数接受一个name参数，并通过原型链定义了一个speak方法。而Dog类则继承自Animal类，并使用Object.create()方法来创建一个新的对象，并将其原型设为Animal.prototype，以实现继承。同时，需要手动设置Dog.prototype.constructor属性，以确保其指向正确的构造函数。最后，覆盖原型上的speak方法以实现不同的行为。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值