JS篇(021)-for in、Object. keys 和 Object. getOwnPropertyNames 对属性遍历有什么区别？

最新推荐文章于 2022-02-17 09:21:34 发布
最新推荐文章于 2022-02-17 09:21:34 发布
阅读量381 收藏
点赞数 1
分类专栏： 前端面试秘籍 文章标签： javascript prototype js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_34543438/article/details/112469014
版权
本文详细探讨了JavaScript中for in、Object.keys和Object.getOwnPropertyNames在遍历对象属性时的区别。for in会遍历包括原型链在内的可枚举属性，Object.keys仅返回对象自身的可枚举属性，而getOwnPropertyNames则返回所有（包括不可枚举）自身属性。在处理属性遍历时，需根据需求选择合适的方法。
摘要由CSDN通过智能技术生成

答案：

  • for in 会遍历自身及原型链上的可枚举属性
  • Object.keys 会将对象自身的可枚举属性的 key 输出
  • Object.getOwnPropertyNames会将自身所有的属性的 key 输出

解析：

ECMAScript 将对象的属性分为两种：数据属性和访问器属性。

var parent = Object.create(Object.prototype, {
   
    a: {
   
        value: 123
了解本专栏 订阅专栏 解锁全文 超级会员免费看
手掌日月摘星辰
关注
专栏目录
订阅专栏
for in、Object.keys 和 Object.getOwnPropertyNames 对属性遍历有什么区别？
链珠的博客
12-10 204
varparent=Object.create(Object.prototype,{ a:{ value:123, writable:true, enumerable:true, configurable:true } }) //parent继承自Object.prototype，有一个可枚举的属性a（enumerable:true）。 varchild...
js中的new操作符与Object.create()的作用与区别
weixin_30411997的博客
05-24 136
js中的new操作符与Object.create()的作用与区别 https://blog.csdn.net/mht1829/article/details/76785231 2017年08月06日 19:19:26 阅读数：1058 一、new 操作符 JavaScript 中 new 的机制实际上和面向类的语言完全不同。 在 JavaScript...
for in与Object.keys与Object.getOwnPropertyNames的区别
前端切图仔的日常
07-12 370
var parent = Object.create(Object.prototype, { a: { value: 123, writable: true, enumerable: true, configurable: true } }); // parent继承自Object.protot...
for in和Object.keys来遍历对象有什么区别？
高先生的猫
04-22 656
for-in 是javaScript中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序遍历数组元素； 而Object构造器有一个实例属性keys，则可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用for-in遍历返回的顺序是一样的。for-in循环会枚举对象原型链上的可枚举属性，而Object.keys不会 ...
遍历对象：一文搞懂for in、for of、Object.keys()、Object.getOwnPropertyNames()、Object.getOwnPropertySymbols()的区别
zyz00000000的博客
10-21 765
一、对象属性理解 比如：数组中的length属性，描述符对象enumerable值为false，隐式属性。 看下正常的数组和对象的属性： var arr = ["a", true, 3] var obj = { name: "zhu", age: 24 } console.log(arr) console.log(obj) 二、关于遍历 1、for...in循环
for-in、Object.keys()、Object.getOwnPropertyNames()的区别
判断一个点是否在闭合曲线内
09-26 312
for-in 遍历对象本身和原型链上的所有可枚举的属性名 Object.keys() 返回对象本身所有可枚举的属性名数组 Object.getOwnPropertyNames() 返回对象本身的所有属性名组成的数组（包括不可枚举、但不包括Symbol值作为名称的属性 ...
JS遍历对象属性(for in、Object.keys、Object.getOwnPropertyNames、for of、Reflect.ownKey
EmotionComputer
06-24 2257
js中几种遍历对象的方法，包括for in、Object.keys、Object.getOwnPropertyNames、for of 、Reflect.hasOwn()它们在使用场景方面各有不同。 for in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性。 var obj = {"name":"Poly", "career":"it"} Object.defineProperty(obj, "age", {value:"forever 18", enumerable:false}); O
js代码-Object.keys()和Object.values()的简单用法。
07-16
如果需要获取所有属性，可以使用`for...in`循环或`Object.getOwnPropertyNames()`和`getOwnPropertySymbols()`。 - **Symbol属性**：`Object.keys()`不包括Symbol属性，而`Object.values()`同样不包含它们。如果对象...
js代码-Object.keys 返回的数组里，只包含自身可迭代的属性； for in 遍历的对象属性，既有自身可迭代的属性，也有原型链上的属性。
07-14
在JavaScript中，`Object.keys()`方法和`for...in`循环是两种常见的遍历对象属性的方式，它们在处理对象属性时有不同的行为和特点。这里我们将深入探讨这两种方法的区别以及它们在实际开发中的应用。 首先，`Object...
深入解析 JavaScript 中的 Object.keys、Object.values 和 Object.entries
最新发布
09-15
在 JavaScript 编程中，操作对象是日常任务之一。对象是键值对的集合，我们经常需要遍历这些...此外，了解它们与 for...in 循环和 Object.getOwnPropertyNames() 方法的区别，可以帮助你更好地选择适合特定场景的工具。
javascript-Reflect.ownKeys、Object.keys、Object.getOwnPropertyNames、for-in
weixin_41993525的博客
03-01 702
Reflect.ownKeys 官方文档解释： 静态方法Reflect.ownKeys返回一个由目标对象自身的属性键组成的数组。 语法 Reflect.ownKeys(target) const obj = { property1:'test', property2:10029, }; console.log(Reflect.ownKeys(obj)); const arr = []; console.log(Reflect.ownKeys(arr)); target 获取自身属性键的
Ajax系列面试题总结
热门推荐
手掌日月摘星辰
05-28 3万+
github仓库：https://github.com/yisainan/web-interview 欢迎star 1、Ajax是什么?如何创建一个Ajax？ 答案：Ajax 全称是 asychronous javascript and xml，可以说是已有技术的组合，主要用来实现客户端与服务器端的异步交互，实现页面的局部刷新。 基本步骤 4 步走：（创建对象、建立连接、发送数据、接收数据...
Angular常见面试题
手掌日月摘星辰
05-28 2万+
个人github：https://github.com/qiilee  欢迎follow 1.angular的数据绑定采用什么机制？详述原理 脏检查机制。 双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时，会更新到 model ，当 model 中数据有变化时，view 也会同步更新，显然，这需要一个监控。 原理就是，Angular 在 scope 模型...
HTML和CSS常见面试题
手掌日月摘星辰
05-28 2880
一、HTML和CSS 21 0.请列举出清除浮动的几种方式（最少三种) ......................................................................................1 1. 你做的页面在哪些流览器测试过？这些浏览器的内核分别是什么?..................................1 2. 每
JS篇(030)-移动端 click 事件、touch 事件、tap 事件的区别
手掌日月摘星辰
09-14 2167
参考答案： 1. click 事件在移动端会有 200-300ms 的延迟，主要原因是苹果手机在设计时，考虑到用户在浏览网页时需要放大，所以，在用户点击的 200-300ms 之后，才触发 click，如果 200-300ms 之内还有 click，就会进行放大缩小。 2. touch 事件是针对触屏手机上的触摸事件。现今大多数触屏手机 webkit 内核提供了 touch 事件的监听，让开发者可以获取用户触摸屏幕时的一些信息。其中包括：touchstart, touchmove, touchend, to
选择篇(050)-setInterval 方法的返回值是什么？
手掌日月摘星辰
02-17 2161
setInterval(() => console.log('Hi'), 1000) A: 一个唯一的id B: 该方法指定的毫秒数 C: 传递的函数 D: undefined 参考答案
Node面试题
手掌日月摘星辰
05-29 2079
个人github：https://github.com/qiilee  欢迎follow 1、什么是error-first callback？   如果说Google的V8引擎是Node.js的心脏，那么回调则是Node的脉络，回调能够激活跨模块和应用程序之间平衡的、非堵塞的异步控制流程，因此，在实际编写时，我们需要一个通用的可依赖的回调编程方式，error-first回调，也称为errorb...
Object... object
07-28
引用\[1\]:如果想要遍历不可枚举属性，可以使用Object.getOwnPropertyNames方法。这个方法返回一个数组，包含了对象自身的所有属性名，包括不可枚举属性。例如，可以使用Object.getOwnPropertyNames(my_obj)来获取my...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

手掌日月摘星辰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值