js关于遍历对象 遍历原型上的属性和不遍历原型上的属性

最新推荐文章于 2023-09-13 14:57:15 发布
最新推荐文章于 2023-09-13 14:57:15 发布
阅读量2.9k 收藏 5
点赞数 3
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41620202/article/details/105343014
版权
  1. for in 语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。会遍历原型上的属性
  2. Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。不会遍历原型上的属性
  3. Object.getOwnPropertyNames()方法返回一个由指定对象的所有自身属性的属性名（包括不可枚举属性但不包括Symbol值作为名称的属性）组成的数组。不会获得原型上的属性

使用obj.hasOwnProperty(属性名)过滤，可不遍历原型上的属性

deeop
关注
  • 3
    点赞
  • 踩
  • 5
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈JavaScript中的属性:如何遍历属性
12-01
在JavaScript中，遍历一个对象的属性往往没有在其他语言中遍历一个哈希(有些语言称为字典)的键那么简单。这主要有两个方面的原因：一个是,JavaScript中的对象通常都处在某个原型链中，它会从一个或多个的上层原型上继承一些属性.第二个原因是，JavaScript中的属性不光有值，它还有一些除了值以外的其他特性，其中一个影响属性遍历的特性就是[[Enumerable]],如果该值为true，则称这个属性是可枚举的，否则反之。 知道了这些,我们就可以把属性的遍历分为四种情况. 注：示例代码中，我们要遍历的对象是浏览器中的window，环境为Firefox 19，代码运行在空白页面中的scr
JS 5种遍历对象的方式
11-20
几天前一个小伙伴问我 Object.getOwnPropertyNames() 是干什么用的 平时还真没有使用到这个方法，一时不知如何回答 从方法名称来分析，应该是返回的是对象自身属性名组成的数组 那和 Object.keys() 方法不就一样了吗 感觉事情并不这么简单，于是我仔细看了一下这几种遍历对象的方法的区别 for in for in 循环是最基础的遍历对象的方式，它还会得到对象原型链上的属性 // 创建一个对象并指定其原型，bar 为原型上的属性 const obj = Object.create({ bar: 'bar' }) // foo 为对象自身的属性 obj.foo =
Javascript学习笔记之数组的遍历和 length 属性
01-21
尽管数组在 Javascript 中是对象，但是不建议使用 for in 循环来遍历数组，实际上，有很多理由来阻止我们对数组使用 for in 循环。 因为 for in 循环将会枚举原型链上的所有属性，并且唯一阻止的方法是使用 hasOwnProperty 来判断，这将比普通的 for 循环要慢不少。 遍历 为了达到最佳性能来遍历一个数组，最好的方式就是使用经典的 for 循环。 代码如下: var list = [1, 2, 3, 4, 5, …… 100000000]; for(var i = 0, l = list.length; i < l; i++) {     console.
JS遍历数组和对象的区别及递归遍历对象、数组、属性的方法详解
11-28
废话不多说了，直奔主题，你，具体代码如下所示： [removed] //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i = 0; i < myArr.length; i++) { console.log(i+":"+myArr[i]); }; //---------for-in 用来遍历非数组对象 var man ={hands:2,legs:2,heads:1}; //为所有的对象添加clone方法，即给内置原型(object,Array,function)增加原型属性,该方法很强大，也很危险
js 遍历对象的属性的代码
12-01
如： 代码如下: Function.prototype.addMethod=function(methodName,func){ if(!this.prototype[methodName]){ this.prototype[methodName]=func;//给原型增加方法，此方法会影响到该类型的实例上 } return this.prototype;//返回原型，此类型实例可以进行链形调用 } function CustomObject(name,value){ this.name=name || ‘CustomeObject’; this.value=value || 0; this
关于for in 循环会遍历原型链上的属性的问题
最新发布
weixin_43777074的博客
09-13 400
2.只遍历对象自身的属性，而不遍历继承于原型链上的属性，使用hasOwnProperty 方法过滤一下。for in可遍历原型链上扩展的属性，Object.keys() 只遍历自身属性。关于for in 循环会遍历原型链上的属性的问题。
JavaScript中遍历对象属性方法详解
孙群
03-22 5813
JavaScript中有多种方式遍历对象中的属性，本文中所说的对象都是普通的Object对象，不包括Array、Map、Set等实现了Iterator接口的对象。 对象属性的遍历主要受几方面的影响: 能否遍历原型链上的属性、能否遍历不可枚举属性、能否遍历Symbol属性。 遍历对象属性的方式包括: for...in、Object.keys()、Object.getOwnPropertyNames...
forin遍历对象为什么会多出属性，怎么解决？
weixin_48384034的博客
03-15 423
forin循环对象的时候会把原型链上所有可枚举的属性都遍历出来。 var obj = {name:"zs"} Object.prototype.age = 18 for(var k in obj){ console.log(k) // name,age } 解决办法： 1.使用obj.hasOwnProperty(k) hasOwnProperty表示是否有自己的属性。这个方法会查找一个对象是否有某个属性，但是不会去查找它的原型链。 for(var k in obj){ i.
解决for in循环遍历到原型链上属性的问题
Crazy_Sakura的博客
03-01 1342
解决此问题只需在for in循环下增加一个判断，将原型链上的属性过滤掉，具体代码如下： for (i in obj) { if (obj.hasOwnProperty(i)) { console.log(i) } }
js 遍历对象
xiaoyugan000的博客
05-16 4074
---------------------------------------------------------------------------------------------------------------------------- 以下为2022年5月16日更新 遍历对象的方式 1.for..in.. 2.Object.keys 3.Object.getOwnPropertyNames() 4.Object.getOwnPropertySymbols() 5.Reflec
for in 和 for of 的区别、Object.keys()及常见的遍历方法
weixin_47198976的博客
09-01 493
for in 和 for of 的区别、Object.keys()及常见的遍历方法
python for in循环不能遍历的类型,Python错误：列表对象不能用For循环调用
weixin_32205867的博客
03-25 6028
好的，我有一个类型错误：“list”对象不可调用它在下面的for循环中(如果type='D')准确误差如下：Traceback(most recent call last):file"test.py", line 55 in main()File "test.py", line 49, in mainfor i in range(len(accountlist())):TypeError: 'li...
解决遍历对象时，把原型上的属性遍历出来了咋办？
代码青春
03-04 79
解决遍历对象时，把原型上的属性遍历出来了咋办？
for-in循环会遍历原型链上可枚举的所有属性
weixin_43473114的博客
12-10 3495
for-in循环能不能遍历出原型链上的属性? 使用for-in循环，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，又包括存在于原型中的属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。 ——《JavaScript高级程序设计》 for-in循环会遍历原型链上可枚举的所有属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。 默认不可...
Js中对象的深拷贝和浅拷贝
xuexizhe88的博客
07-10 5836
浅拷贝：只拷贝对象的基础属性值，对属性值为对象或数组的属性则拷贝指针。 深拷贝：拷贝对象的所有属性作为一个全新的对象。拷贝前后的对象互不影响。浅拷贝仅仅是指向被复制的内存地址，如果原地址中对象被改变了，那么深拷贝出来的对象也会相应改变。一、对象引用对象引用容易理解，直接赋值，修改复制后的数组，原对象会随之改变。//对象引用 var boy = { age:18     } var girl = ...
js获取对象中的所有key
心若向阳 无谓悲伤
04-24 1429
情况：不知对象里有哪些key，可以通过以下方法遍历，使我们快速得知对象所含key /* object:对象名字（要遍历的对象） obj:临时变量名 （对象里的key） */ for(var obj in object){ alert(obj); } ...
JavaScript 中的可枚举属性与不可枚举属性、JavaScript 中数组遍历和对象遍历、使用JQuery 的遍历
icemwj的博客
10-09 1281
1、JavaScript 中的可枚举属性与不可枚举属性 在 JavaScript 中，对象的属性分为可枚举和不可枚举之分，它们是由属性的 enumerable 值决定的。可枚举性决定了这个属性能否被 for…in 查找遍历到。 可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性，对于通过直接的赋值和属性初始化的属性，该标识值默认为即为 true，对于通过 Object.defineProperty 等定义的属性，该标识值默认为 false。可枚举的属性可以通过 for...in 循环进行遍历（
JS中的原型对象
weixin_46726346的博客
04-23 2300
OK，这一篇我们来说一下原型的这个问题。 1.理解原型对象 也是面试中比较常见的问题，我们结合实际来说一下，JS中的原型到底是做什么的。 无论什么时候，只要创建了一个新函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象。 在默认情况下，所有原型对象会自动获得一个constructor属性，这个属性指向prototype属性所在函数的指针。 当用构造函数创建一个新实例后，该实例的内部包含一个属性（__proto __），指向该构造函数的原型对象。 那我们来举个例
遍历对象的属性(继承自原型的属性、不可枚举的属性)
LYFlied的博客
03-18 1409
遍历对象的属性,获取对象属性，包括自有属性、继承自原型的属性、不可枚举的属性
Object.keys() 可以遍历出对象原型链上的属性
06-07
如果需要遍历对象原型链上的属性，可以使用 `for...in` 循环，但需要注意的是，它会遍历对象的所有可枚举属性，包括原型链上的属性和对象自身的属性。因此，在使用 `for...in` 循环遍历对象时，需要使用 `...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值