js for in循环为啥要加hasOwnProperty？

最新推荐文章于 2024-02-20 16:59:37 发布
最新推荐文章于 2024-02-20 16:59:37 发布
阅读量519 收藏
点赞数 1
分类专栏： 学习笔记 文章标签： javascript es6
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42220283/article/details/107612448
版权
本文解析了JavaScript中for...in循环使用hasOwnProperty方法的原因，阐述了其避免遍历继承属性，尤其是第三方库可能添加到Object.prototype上的额外方法或属性的重要性。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

一直搞不懂for in循环为啥要加hasOwnProperty！百度了些博客说是会遍历到继承的属性， 一直错误理解为是遍历Object上的属性，但平时不加发现并不会，以为是别人博客说错了，原来是自己理解错了！ 是会遍历使用第三方工具库给 Object.prototype 添加了新的方法或属性，所以要加hasOwnProperty ；

前端基础之For in遍历与hasOwnProperty()
weixin_42024074的博客
12-22 994
一、 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
js for...in 的遍历范围, hasOwnProperty 判断的意义
352328759的博客
11-06 3160
大部分编辑器都有代码块功能, 某些编辑器(如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
js中有了for...in ，为啥还要再判断hasOwnProperty
liu12333322的博客
02-15 282
js中有了for...in ，为啥还要再判断hasOwnProperty（深拷贝出现）
hasOwnProperty
weixin_33889665的博客
01-09 148
hasOwnProperty() 方法会返回一个布尔值，这个方法可以用来检测一个对象是否含有特定的自身（非继承）属性。 1、for...in循环时为什么要在里面加上if(obj.hasOwnProperty(name))的判断 这段代码的意思是：判断一个对象里是否含有某个非继承属性。 for...in 循环会遍历所有可枚举属性，加上has...
JavaScript的for in循环中hasOwnProperty()的作用
liulanba的博客
01-19 5976
//hasOwnProperty()函数用于指示一个对象自身(不包括原型链)是否具有指定名称的属性。如果有，返回true，否则返回false。 //它能帮你指向你当前循环的对象，而过滤掉原型链上其它对象，因为在工作中我们很难保证其他人是否会修改原型链，这样做会更为保险。 //说简单点，它能帮你指向你当前循环的对象，而过滤掉原型链上其它对象，因为在工作中我们很难保证其他人是否会修改原型链，这样做会更为保险。 //因为 for in 循环总是遍历整个原型链，所以当遍历多继承的对象时效率较低。 //为了检查某个对
用for-in循环遍历非数组对象时一些值得注意的现象（hasOwnProperty的使用）
JavaScript架构设计
10-28 1406
对于非数组对象，遍历方法似乎只有使用for-in循环，但是使用for-in会遍历出一些意料之外的东西，请看下面这些现象： Object.cre = 'Obj.cre'; Object.prototype.abc = 'Obj-abc'; Object.prototype.bcd = 'Obj-bcd'; Function.prototype.abc = 'Fn-abc'; Function.
js中使用for in注意事项，key的类型为string类型
最新发布
02-20 683
但是需要注意的是，遍历的时候，key的数据类型是string类型！如果不仔细研究，你会发现我明明使用的key +1但是出现的结果却是：01这种。需要使用Object.hasOwnProperty.call配合一起使用。
Javascript中的for in循环和hasOwnProperty结合使用
10-27
在JavaScript编程中，`for...in`循环和`hasOwnProperty`方法是两个非常重要的概念，它们主要用于遍历和检查对象的属性。`for...in`循环遍历的是对象及其原型链上的可枚举属性，而`hasOwnProperty`方法则用于确定对象...
跟我学习javascript的for循环和for…in循环
01-19
for..in循环； 一、for循环 不足： 在于每次循环的时候数组的长度都要去获取； 终止条件要明确； 在for循环中，你可以循环取得数组或是数组类似对象的值，譬如arguments和HTMLCollection对象。通常的循环形式如下：...
javascript中for/in循环及使用技巧
10-23
3. for/in循环可以遍历对象的属性名（key），如果需要获取属性值（value），可以通过对象名加属性名的方式获取，例如`myObject[prop]`。 4. 在for/in循环中，可以使用break语句和continue语句来控制循环流程，break...
跟我学习javascript的for循环和for...in循环
10-23
在JavaScript中，最为常用的两种循环结构是for循环和for...in循环。本文将深入探讨这两种循环的工作原理、使用场景以及它们各自的优缺点，以便于读者更有效地使用它们来迭代对象和数组。 一、for循环 for循环是一...
Javascript中的for-in循环和hasOwnProperty
hsany330的专栏
01-26 1305
与in操作符相比，for in 在循环对象的属性时也会遍历原型链，for in 不会读取不可枚举属性，如数组的length属性。 小结 当检测某个对象是否拥有某个属性时，hasOwnProperty 是唯一可以完成这一任务的方法，在 for in 循环时，建议增加 hasOwnProperty 进行判断，可以有效避免扩展本地原型而引起的错误。 2011-03-17 15:591280 次浏览
hasOwnProperty用来干嘛的
热门推荐
m0_61726249的博客
06-12 1万+
hasOwnProperty：是用来判断一个对象是否有你给出的名称的属性或对象。有则返回true，没有返回false，不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。 前面提到此方法无法检测该对象的原型链中是否有该属性，举个例子： 示例二：string对象的原型上本来就有这个属性,自然返回true 部分参考： https://blog.youkuaiyun.com/liulanba/article/details/112479803?
理解hasOwnProperty（）的作用
sinolzeng的专栏
05-01 2933
hasOwnProperty：是用来判断一个对象是否有你给出名称的属性或对象。不过需要注意的是，此方法无法检查该对象的原型链中是否具有该属性，该属性必须是对象本身的一个成员。格式如下：  Js代码       1. object.hasOwnProperty(proName);   object.hasOwnProperty(proName);    判断proName的名称是不是ob
js 中判断对象中是否有某个属性 keys hasOwnProperty和in的区别
嘿，你的益达。
04-21 1350
1.keys方法返回对象中所有属性组成的数组. let obj={x:2,y(){}} undefined obj.__proto__={n:3,m(){}} {n: 3, m: ƒ} Object.keys(obj) (2)["x", "y"] 2.hasOwnProperty判断对象中是否有某个属性,只会遍历当前对象属性不会判断原型中的属性. let obj...
TypeScript 学习笔记--- interface 、enum
一撇一画的博客
02-20 3079
//interface 感觉接口主要就是用来约束传参属性的，就只能传{sex：xxxxx}的形式 interface Person { sex:String } function marry (x:Person,y:Person){ if(x.sex !== y.sex) { return '可以 marry' } else { th...
vue+element-ui 实现table单元格点击编辑，并且按上下键移动
一撇一画的博客
06-20 2981
1.接到需求是点击键盘上下键，控制输入框移动方便输入数据 2.相关实现代码 <el-table-column label="Pageviews" width="110" align="center"> <template slot-scope="scope"> <el-input-number style="width:90%" :controls="false" :min="0" @input.nati
uni-appH5配置跨域
一撇一画的博客
04-16 1961
manifest.json文件中： "h5": { "devServer": { "port":8083, "disableHostCheck": true, "proxy": { "/api": { "target": "http://ceshi.dishait.cn", // 需要跨域的域名 "changeOrigin": true, ...
Echarts 大屏rem适配方案
一撇一画的博客
05-04 1479
公式： // Wp 为页面有效宽度，Hp 为页面有效高度 const clientWidth = document.documentElement.clientWidth; const clientHeight = document.documentElement.clientHeight; window.pageWidth = clientWidth / clientHeight > 16 / 9 ? clientHeight * (16 / 9) : clientWidth ;
JavaScript中的for循环与for...in循环解析
"JavaScript的for循环和for...in循环是编程中常见的迭代机制，它们在处理数组和对象时各有特点和应用场景。" 在JavaScript中，for循环和for...in循环是两种常用的迭代方式，用于遍历数组和对象的属性。下面我们将...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值