js之实现for-in/of循环对象

最新推荐文章于 2024-04-23 19:45:00 发布

一十四画生

最新推荐文章于 2024-04-23 19:45:00 发布

阅读量1.7k

点赞数 1

文章标签： js javascript es6 迭代器前端

本文链接：https://blog.csdn.net/weixin_44395929/article/details/109625882

版权

一、in/of对比

for-in是es5出的循环方法, for-of是es6推出。借用mdn官网对这两个方法描述一下 for…in/for…of语句都是迭代一些东西。
区别 =>
for…in 语句以任意顺序迭代对象的可枚举属性。=> 根据key值来遍历
for…of 语句遍历可迭代对象定义要迭代的数据。

1.1) in的表现及mdn描述

//表现
let obj = {  a: 1, b: '2',  c: false, d: undefined,  e(){}, f: {  } };
obj.z = "zzz";
for(let key in obj){
  console.log(key);
}
//a  b  c  d e  f  z =>这说明for in 是根据key值遍历

//再来看看mdn上对for in的解释
在这里插入图片描述
上面一大堆话总结起来两句话
1、forin不推荐遍历有索引对象(即数组);
2、forin适合用作检测对象是否存在某属性值时(之前看过一位同事用forin对必填项做校验, 不认可这是最佳校验方法, 但是也不否定他不能实现)
值得注意的是, forin循环会遍历所有可枚举属性,而在es5之前, 所有给对象原型新添加的方法都是可枚举的
(关于可枚举属性和不可枚举属性,等下一篇文章出来再做介绍,这里不做过多赘述)