forin,Object.keys()的区别？哪个要用于遍历原型链上的属性？

最新推荐文章于 2024-06-07 21:58:32 发布

Asrty-毒殇

最新推荐文章于 2024-06-07 21:58:32 发布

阅读量759

点赞数 2

文章标签：前端

本文链接：https://blog.csdn.net/Asrty/article/details/127228166

版权

for-in是javascript中最常见的迭代语句，常常用于枚举自身的属性，某些情况下，可能按照随机顺序遍历数组元素；而Object.keys()，可以返回以对象的属性为元素的数组，数组中属性名的顺序跟使用for-in遍历返回的是一样的。

二者便利的数据也是不同的，for-in不但可以枚举自身的属性，也可以枚举继承原型链上的属性，Object.keys()只可以枚举自身属性。

for-in会遍历原型链上的属性，而Object.keys()不会。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Asrty-毒殇

关注关注

2
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
forin,Object.keys()的区别？哪个要用于遍历原型链上的属性？

for-in,Object.keys()的区别？
复制链接

扫一扫

for in 和 Object.keys区别

JJWanna的博客

10-10

3759

for-in是js中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序便利数组元素。 Object构造器有一个实例属性keys，则可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用for-in遍历返回的顺序是一样的。 for-in 循环会枚举对象原型链上的可枚举属性，而Object.keys不会 for in 遍历对象及其原型链上的可枚举的属性如果用于遍历数组，除了遍历其元素外，还会遍历开发者对数组对象自定义的可枚举属性及其原型链上的可枚举属性遍历对象返回属..

Object.keys使用整理

weixin_30897079的博客

07-16

1709

一、语法 Object.keys(obj) 参数：要返回其枚举自身属性的对象返回值：一个表示给定对象的所有可枚举属性的字符串数组二、处理对象，返回可枚举的属性数组 let person = { name: "张三", age: 25, address: "深圳", getName: function() ...

参与评论您还未登录，请先登录后发表或查看评论

for in和Object.keys的区别

subsistent的博客

02-16

112

使用for in 去遍历对象会将prototype上面扩展的方法或者属性也打印出来。hasOwnProperty具体的作用就是判断该属性是否属于对象自身的属性。解决方法可以为每一次的遍历加上hasOwnProperty。也可以使用Object.keys()方式完成遍历操作。

对象数据的读取，看这一篇就够了！Object.keys()、Object.values()和Object.entries()用法详解；如何获取对象原型链上的属性

最新发布

RenGJ010617的博客

06-07

1145

Object.keys()、Object.values()和Object.entries()都是利于对象操作的便捷方法，能有效提升数据处理的效率。

for-in循环会遍历原型链上可枚举的所有属性

weixin_43473114的博客

12-10

3602

for-in循环能不能遍历出原型链上的属性? 使用for-in循环，返回的是所有能够通过对象访问的、可枚举的属性，其中既包括存在于实例中的属性，又包括存在于原型中的属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。 ——《JavaScript高级程序设计》 for-in循环会遍历原型链上可枚举的所有属性。屏蔽了原型中不可枚举属性的实例属性也会在for-in循环中返回。默认不可...

for in 与Object.keys()的区别

m0_60695310的博客

08-05

3429

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言一、for in 和Object.keys()的含义？二、使用步骤 1.文字阐述 2.代码展示总结前言一、for in 和Object.keys()的共性？ for in和Object.keys()都是对象的循环遍历的方法二、for in 和Object.keys()的区别? 问题:取出下面对象的所有键 var person = { name: '张三',

js Object.keys() 遍历对象和for in 遍历对象，Object.keys(Array),Object.entries(Array),Object.values(Array) 遍历数组

qq_42389674的博客

08-31

1339

1，for in 遍历对象 for in 遍历对象的时候，不仅仅会查找当前对象上的属性，而且还会查找对象原型上的属性如果只要查找对象当前的属性可以使用hasOwnproperty判断 let obj = { name: "宋", age: 18 } Object.prototype.faa = "3333" for (let k in obj) { // 查找当前对象下以及原型上的属性 console.log("k", k) // k name .

js代码-Object.keys 返回的数组里，只包含自身可迭代的属性； for in 遍历的对象属性，既有自身可迭代的属性，也有原型链上的属性。

07-16

在这个例子中，`Object.keys(obj)`只返回了`obj`自身的两个属性`name`和`age`，而`for...in`循环则遍历了`obj`和其原型链上的所有可枚举属性，包括从`Object.prototype`继承的`color`。了解这些差异后，开发者可以...

js代码-Object.keys()和Object.values()的简单用法。

07-16

在JavaScript中，`Object.keys()`和`Object.values()`是两个非常重要的内置方法，它们用于处理对象的属性。本文将深入探讨这两个方法的用法、功能和相关知识点。 ### `Object.keys()` `Object.keys()`方法返回一个...

JS for...in 遍历语句用法实例分析

10-21

`for...in`会按照属性创建的顺序遍历所有可枚举属性，但不包括原型链中的属性（除非显式地通过`Object.prototype`进行访问）。例如，下面的代码展示了如何使用`for...in`遍历数组： ```javascript var animals = ...

在原生不支持的旧环境中添加兼容的Object.keys实现方法

08-29

然后，我们使用一个 for-in 循环来遍历对象的所有属性，并使用 hasOwnProperty 方法来检测对象自身是否拥有某个属性。如果拥有，则将其添加到 result 数组中。如果浏览器或环境中存在 DontEnum bug，我们还需要...

javascript中Object.keys()和for in 循环的区别；for of 和 for in循环的区别

yuanwen52的博客

11-09

966

for in 循环用于对象的遍历，Object.keys()会返回对象的自身可枚举属性组成的数组。两者最主要的区别就是for in 会走原型链，而Object.keys()不会走原型链。

Object.keys( )与 for in 区别

weixin_44197906的博客

05-15

849

for in 一般用于对象的遍历: let obj = { a:1, b:2, } for(let key in obj){ console.log(key) } // a // b Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致。 let obj = { a:1, b:2, } console.log(Object.keys(obj)) /

JS中三种主要的遍历对象的方法：for in、Object.keys、Object.getOwnProperty

热门推荐

tomy123456123456的博客

08-13

16万+

一、对非Array对象类型的遍历 1、for in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性 var obj = {"name":"tom","sex":"male"}； Object.defineProperty(obj, "age", {value:"18", enumerable:false});//增加不可枚举的属性age Object.prototype.p...

JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别

weixin_33875564的博客

10-17

135

　　ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型（prototype）中的属性，而实例属性一方面来自己构造函数中，然后就是构...

Object.keys()的使用方法

weixin_49826079的博客

08-07

3159

Object.keys()的使用方法

JS 遍历对象的键：Object.keys()方法的使用

分享前端技术心得

11-09

1217

有些时候，我们可能需要获取某个对象里面所有的’键’（属性名），使用Object.keys()方法可以很方便的实现，并将遍历出来的’键’以数组的形式存储。

汇总遍历对象的六种方式及其区别

寬真

09-28

518

原文链接：https://blog.csdn.net/bigname22/article/details/109064660。本来计划写一篇关于深浅克隆的文章，奈何对各种遍历对象的方式搞得一头雾水，分不清各家的关系。// person增加属性：symbol height。// 方式五：Reflect.ownKeys。// 方式六：Object.entries。// human增加属性： symbol。// 方式三：Object.keys。

Object.keys()遍历对象返回对象中每一项key的数组

seimeii的博客

05-12

302

Object.keys()遍历对象返回对象中每一项key的数组

Object.keys() 可以遍历出对象原型链上的属性

06-07

不完全正确。`Object.keys()` 方法返回一个由对象的所有可枚举自身属性的属性名所组成的数组。它只会遍历对象自身的属性，而不会遍历对象原型链上的属性。如果需要遍历对象原型链上的属性，可以使用 `for...in` 循环，但需要注意的是，它会遍历对象的所有可枚举属性，包括原型链上的属性和对象自身的属性。因此，在使用 `for...in` 循环遍历对象时，需要使用 `hasOwnProperty()` 方法来判断属性是否为对象自身的属性，以避免遍历到原型链上的属性。例如： ```javascript for (let key in obj) { if (obj.hasOwnProperty(key)) { // 处理对象自身的属性 } } ``` 需要注意的是，虽然 `Object.keys()` 方法不会遍历对象原型链上的属性，但是它会遍历对象的 Symbol 属性。如果需要遍历对象的 Symbol 属性，可以使用 `Object.getOwnPropertySymbols()` 方法。