ES6 - for of & for in 区别
发布日期:2021-06-30 23:54:38 浏览次数:2 分类:技术文章

本文共 1368 字,大约阅读时间需要 4 分钟。

遍历数组通常使用for循环,ES5的话也可以使用forEach,ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等,只不过他们的返回结果不一样。但是使用foreach遍历数组的话,使用break不能中断循环,使用return也不能返回到外层函数。

Array.prototype.method=function(){  console.log(this.length);}var myArray=[1,2,4,5,6,7]myArray.name="数组"for (var index in myArray) {  console.log(myArray[index]);}

使用for in 也可以遍历数组,但是会存在以下问题:

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

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

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

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

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

Array.prototype.method=function(){  console.log(this.length);}var myArray=[1,2,4,5,6,7]myArray.name="数组";for (var value of myArray) {  console.log(value);}

记住,for in遍历的是数组的索引(即键名),而for of遍历的是数组元素值。

for of遍历的只是数组内的元素,而不包括数组的原型属性method和索引name。

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

Object.prototype.method=function(){  console.log(this);}var myObject={  a:1,  b:2,  c:3}for (var key in myObject) {  console.log(key);}

for in 可以遍历到myObject的原型方法method,如果不想遍历原型方法和属性的话,可以在循环内部判断一下,hasOwnPropery方法可以判断某属性是否是该对象的实例属性

for (var key in myObject) {  if(myObject.hasOwnProperty(key)){    console.log(key);  }}

同样可以通过ES5的Object.keys(myObject)获取对象的实例属性组成的数组,不包括原型方法和属性。

Object.prototype.method=function(){  console.log(this);}var myObject={  a:1,  b:2,  c:3}Object.keys(myObject).forEach(function(key,index){
  console.log(key,myObject[key])
})

 

转自:

转载地址:https://lux-sun.blog.csdn.net/article/details/87183338 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:Npm - 基础篇
下一篇:Vue.js - Vuex

发表评论

最新留言

不错!
[***.144.177.141]2024年04月16日 19时42分30秒