hasOwnProperty()与for in的区别

最新推荐文章于 2023-05-05 17:10:30 发布
转载 最新推荐文章于 2023-05-05 17:10:30 发布 · 514 阅读 · 0

本文深入探讨了JavaScript中hasOwnProperty()方法与forin循环的区别，着重阐述了两者在获取对象属性时的不同之处，包括如何区分自定义属性与原型链属性。

hasOwnProperty()与for in的区别

原文

  1. for in可以获取object的所有属性,包括自定义属性以及原型链属性。
    for(var attr in object){
    　　console.log(attr+":"object[attr]);
    }
  2. hasOwnProperty()只能获取自定义属性，无法获取原型链属性。

    “str”.hasOwnProperty("split");//false
    String.property.hasOwnProperty("split");//true
js for...in 的遍历范围, hasOwnProperty 判断的意义
352328759的博客
11-06 3191
大部分编辑器都有代码块功能, 某些编辑器(如VS code)提供的 for…in 代码块代码如下 for (const key in object) { if (object.hasOwnProperty(key)) { const element = object[key]; } } 除了 for (in) {} 外, 还包含了一个 object.hasOwnProperty(key) 判断 当时年轻的我就很纳闷, 为什么要有这么一个判断, key 来自于 object, 可以必然属于 o
通过实例解析JavaScript for in及for of区别
10-15
如果需要遍历对象的所有属性，可以考虑使用`Object.keys()`配合`for...of`，或者直接使用`for...in`并使用`hasOwnProperty()`过滤原型属性。在使用这些循环结构时，了解它们的特性和适用场景，可以提高代码的可读性...
JavaScript中typeof，instanceof，hasOwnProperty，in的用法和区别
除除的博客
12-03 1046
一. typeof操作符 typeof操作符用于返回正在使用值的类型。 // 使用原始值 let mNull = null; let mUndefined = undefined; let mString = 'mazey'; let mNumber = 123; let mBoolean = true; let mFunction = function () { return
hasOwnProperty 和 in 的区别
lio-zero 的博客
11-18 500
in 运算符和 hasOwnProperty 方法是检查对象是否包含特定键的常用方法。 const person = { name: 'foo' } console.log('name' in person) // true console.log(person.hasOwnProperty('name')) // true 区别 对于继承的属性，in 将返回 true。顾名思义，hasOw...
Javascript中的for in循环和hasOwnProperty结合使用
10-27
当检测某个对象是否拥有某个属性时，hasOwnProperty 是唯一可以完成这一任务的方法，在 for in 循环时，建议增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误
hasOwnProperty() 、in 操作符与 for-in 循环
JimmyLuo17的博客
07-17 1323
1. hasOwnProperty()使用 hasOwnProperty() 方法可以检测一个属性是存在于对象实例中，还是存在于其原型中。这个方法（不要忘了它是从 Object 继承来的）只在给定属性存在于对象实例中时，才会返回 true 。请看下面的示例代码：function Person(){ }Person.prototype.name = "Nicholas"; Person.prototy
对象的枚举（1）-For in与 hasOwnProperty
abraham的博客
10-20 1747
视频：https://ke.qq.com/course/231577?taid=3983676656552089 For in 1.hasOwnProperty ***** 2.in * 3.instanceof ***** 枚举的英文是enumeration ，也叫遍历的意思，比如现在有是个同学我想知道这是个同学...
javascript中for/in循环及使用技巧
10-23
其中，“for/in循环”是JavaScript中一个非常有用的循环结构，主要用于遍历对象的可枚举属性，也可以用于数组。然而，在使用for/in循环时，有一些细节和技巧需要了解和掌握，以确保代码的正确性和效率。本篇文章将...
for-in和hasOwnProperty
subsistent的博客
03-25 393
因为 for-in 循环会遍历对象的所有属性，包括原型链上的属性，而不仅仅是数组的元素。通过 object.hasOwnProperty(variable)可以过滤从其原型链里找到的属性，只枚举对象本身拥有的属性。注意，如果你使用 ES6 及以上的版本，可以使用 Object.keys(obj) 代替 for-in 循环来获取对象本身的属性。这个方法会返回一个由对象自身属性名组成的数组。在 JavaScript 的 for-in 循环中，枚举对象的属性包括对象实例属性，也包括从原型链中继承而来的属性。
前端基础之For in遍历与hasOwnProperty()
weixin_42024074的博客
12-22 1031
一、 For in 遍历 for … in是为遍历对象属性而构建的，不建议与数组一起使用，数组可以用 示例 下面的函数接受一个对象作为参数。被调用时迭代传入对象的所有可枚举属性然后返回一个所有属性名和其对应值的字符串。 var obj = {a:1, b:2, c:3}; for (var prop in obj) { // console.log("obj." + prop + " = " + obj.prop); //值都是undefined console.log("obj." + prop
for in 与 for of， 与 hasOwnProperty
HansExploration的博客
07-15 586
今天本来想尝试下HTML5的自定义属性<div data-name='byset1'>1</div> <div data-name='byset'>2</div> <div data-name='byset3'>3</div> <div data-name='byset'>4</div>
【JavaScript】面向对象：hasOwnProperty()方法与in操作符
ABing
02-08 289
hasOwnProperty()方法 使用 hasOwnProperty()方法（是从 Object 继承来的）可以检测一个属性是存在于实例中，还是存在于原型中。只在给定属性存在于对象实例中时，才会返回 true。 function Person(){ } Person.prototype.name = "Nicholas"; Person.prototype.age = 29; Pe...
JavaScript的for in循环中hasOwnProperty()的作用
liulanba的博客
01-19 6038
//hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有，返回true，否则返回false。 //它能帮你指向你当前循环的对象，而过滤掉原型链上其它对象，因为在工作中我们很难保证其他人是否会修改原型链，这样做会更为保险。 //说简单点，它能帮你指向你当前循环的对象，而过滤掉原型链上其它对象，因为在工作中我们很难保证其他人是否会修改原型链，这样做会更为保险。 //因为 for in 循环总是遍历整个原型链，所以当遍历多继承的对象时效率较低。 //为了检查某个对
JavaScript in和hasownproperty区别
Nodejs
05-05 236
可以看出，in方法不仅能对属性进行检测，还能对原型上的方法进行检测。检查方法是优势也是劣势，因为在实际编码中，有些属性和方法的名称可能相同，这就导致对同名的属性进行判断时，会出现意想不到的结果。所以in和hasOwnProperty还是要分场景使用，in用来检测方法，hasOwnProperty用来检测属性。相比较in，hasOwnProperty更为严格，只检测对象的属性，比如以下代码。早期的in用来判断属性是否在指定的对象或原型链上。对于原型的方法和自定义方法都返回false。
js使用in和hasOwnProperty获取对象属性的区别
justforuse的博客
09-01 5600
in判断的是对象的所有属性，包括对象实例及其原型的属性； 而hasOwnProperty则是判断对象实例的是否具有某个属性。示例代码：<script type="text/javascript"> function Person(){ } Person.prototype.name = "allen"; var person = new Per
Javascript中的for-in循环和hasOwnProperty
hsany330的专栏
01-26 1332
与in操作符相比，for in 在循环对象的属性时也会遍历原型链，for in 不会读取不可枚举属性，如数组的length属性。 小结 当检测某个对象是否拥有某个属性时，hasOwnProperty 是唯一可以完成这一任务的方法，在 for in 循环时，建议增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误。 2011-03-17 15:591280 次浏览
js之hasOwnProperty方法——对象自己是否具有某个属性，不会去查找它的原型链 & for in——遍历对象的属性
weixin_44867717的博客
04-09 892
js之hasOwnProperty方法——对象自己是否具有某个属性，不会去查找它的原型链 & for in——遍历对象的属性 Object的hasOwnProperty()方法返回一个布尔值，判断对象是否包含特定的自身（非继承）属性。 **hasOwnProperty表示是否有自己的属性。**这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。 示例 var obj = { a: 1, fn: function(){ }, c:{ d:
for of与for in的区别
04-01
for of用于遍历可迭代对象的值，而for in用于遍历对象的属性。...需要注意的是，使用for in遍历对象时会遍历对象的原型链上的所有属性，因此需要使用hasOwnProperty方法来判断属性是否是对象自身的属性。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值