【JS】for in循环对象，hasOwnProperty()的作用

风晓 2024-01-01 07:38:30  50438 赞同 0 反对 0

分类：资源

本文介绍【JS】for in循环对象，hasOwnProperty()的作用

var obj = {
    name:"echolun",
    age:"24",
    sex:"male"
},
objName=[], //用来装对象属性名
objVal=[];  //用来装对象属性值
for(var i in obj){
    objName.push(i);
    objVal.push(obj[i]);
}
console.log(objName,objVal);

需要注意的是，for in循环对象会访问原型链上所有对象属性，看下面。

var obj = {
    name:"echolun",
    age:"24",
    sex:"male"
},
objName=[], //用来装对象属性名
objVal=[];  //用来装对象属性值
Object.prototype.game="lastgame";
for(var i in obj){
    objName.push(i);
    objVal.push(obj[i]);
}
console.log(objName,objVal);
}

这里同样是循环对象obj，但是需要注意的是，原型链上我们额外添加的对象game也被循环出来。

那么我们只想循环对应的对象该怎么做呢，这里引入hasOwnProperty()方法，hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有，返回true，否则返回false。

说简单点，它能帮你指向你当前循环的对象，而过滤掉原型链上其它对象，因为在工作中我们很难保证其他人是否会修改原型链，这样做会更为保险，那么修改代码。

var obj = {
    name:"echolun",
    age:"24",
    sex:"male"
},
objName=[], //用来装对象属性名
objVal=[];  //用来装对象属性值
Object.prototype.game="lastgame";
for(var i in obj){
    if(obj.hasOwnProperty(i)) {
        objName.push(i);
        objVal.push(obj[i]);
    }
}
console.log(objName,objVal);
}

看吧，这下就过滤掉game了。

如果您发现该资源为电子书等存在侵权的资源或对该资源描述不正确等，可点击“私信”按钮向作者进行反馈；如作者无回复可进行平台仲裁，我们会在第一时间进行处理！

评价 0 条

相关资源

定义 for 循环初始化表达式中的变量 2023-12-31 53304 浏览
for 循环的计数器变量不仅可以在初始化表达式中初始化，也可以进行定义。
C++ for循环详解 2023-12-31 52071 浏览
一般来说，有两类循环：条件循环和计数控制循环。
for 循环专门用于初始化、测试和更新计数器变量。以下是 for 循环的格式： 2023-12-31 48962 浏览
for (初始化；测试；更新) { 语句；语句； //根据需要在此放置更多语句 }
省略 for 循环的表达式或循环体 2023-12-31 52345 浏览
for 循环的一个或多个表达式，甚至连其循环体都可以省略，当然，这样做往往会被认为是很糟糕的编程风格。如果已经执行了或者不需要初始化，则可以从 for 循环括号内省略初始化表达式。
for循环中let与var的区别，块级作用域如何产生与迭代中变量i如何记忆上一步的猜想 2024-01-01 51409 浏览
我在前一篇讨论let与var区别的文章中，顺带一笔带过了let与var在for循环中的不同表现，虽然解释了是块级作用域的影响，但具体是怎么去影响的呢，我尝试的去理解了下，这篇文章主要从for循环步骤拆分的角度去理解两者的区别。
以下是一个简单的 for 循环示例，将打印“Hello”字符串 5 次： 2023-12-31 52286 浏览
for (count = 1; count <= 5; count++) cout << "Hello" << endl; 在该循环中，初始化表达式为 count = 1，测试表达式为“count <= 5”，更新表达式为 count++。循环的主体只有一个语句，即 cout 语句。图 1 说明了循环执行过程中发生的事件顺序
Python趣味入门6:能计数的循环语句for 2023-12-30 52985 浏览
上一篇讲了while语句，朋友们是否已经摸到循环的大门了，其实在实际当中for循环远比while循环更加常用。由于涉及集合类型，咱们先从数列开始。
避免修改 for 循环体中的计数器变量 2023-12-31 48139 浏览
虽然可以如上面程序所示，在循环体内使用计数器变量，但是，请注意不要在其中放置修改它的语句。计数器变量的修改只应在更新表达式中进行，更新表达式将在每次迭代结束时自动执行。
for 循环是一个预测试循环 2023-12-31 53618 浏览
因为 for 循环会在执行迭代之前判断其测试表达式的值，所以，如果代码编写不当，则它可能永远不会迭代。来看以下示例：
爬虫 (十八) 如何通过反编译理解 for 循环 (十) 2023-12-28 49906 浏览
前面的基本运算符加减乘除等运算符内容，我们就不讲了，我觉得最应该讲讲就是 for 循环运算符这东西，真的是需要我们去好好探讨一下的，记得关注点赞哦，谢谢在本篇博客中，我们将讨论 Python 中 for 循环的原理，我们将从一组基本例子和它的语法开始，还将讨论与 for 循环关联的 else 代码块的用处，然后我们将介绍迭代对象、迭代器和迭代器协议，还会学习如何创建自己的迭代对象和迭代器之后，我们将讨论如何使用迭代对象和迭代器实现 for 循环，以及利用 while 循环通过迭代器协议实现 for 循环逻辑最后，我们将反编译一个简单的 for 循环，并逐步介绍 Python 解释器在执行 for 循环时执行的指令，以满足大家的好奇心。这些有助于理解 for 循环运行时的内部工作原理

【JS】for in循环对象，hasOwnProperty()的作用

相关资源

关注我们