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

已于 2022-02-24 16:30:24 修改
阅读量987 收藏 2
点赞数
分类专栏： javascript 文章标签： javascript
于 2021-11-09 10:00:39 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yuanwen52/article/details/121221943
版权

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

拓展：for in循环和for of循环的区别

在数组遍历中:

for in遍历的是数组的索引，而for of遍历的是数组元素的值（for of不支持遍历对象）

for in和Object.keys和for-of
分享我所知道的,让你知道的更明白.
05-06 935
起因 今天面试的时候,随机的问了一句,你知道Object,.keys和for-in以及for-of的区别是啥? 那个面试的吭哧了半天,就说都能够获取到key值,其它的啥也说不出来. 下面呢,我就展开说说他们的一些用法和区别吧 各种循环 for-in for…in语句以任意顺序迭代一个对象的除Symbol以外的可枚举属性，包括继承的可枚举属性。 for … in是为遍历对象属性而构建的， 基本用法 var obj = {a:1, b:2, c:3}; for (var prop in obj)
for in 和 Object.keys区别
JJWanna的博客
10-10 3818
for-in是js中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序便利数组元素。 Object构造器有一个实例属性keys，则可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用for-in遍历返回的顺序是一样的。 for-in 循环会枚举对象原型链上的可枚举属性，而Object.keys不会 for in 遍历对象及其原型链上的可枚举的属性 如果用于遍历数组，除了遍历其元素外，还会遍历开发者对数组对象自定义的可枚举属性及其原型链上的可枚举属性 遍历对象返回属..
JavaScript中in操作符(for..in)、Object.keys()和Object.getOwnPropertyNames()的区别
weixin_30244889的博客
11-02 175
ECMAScript将对象的属性分为两种：数据属性和访问器属性。每一种属性内部都有一些特性，这里我们只关注对象属性的[[Enumerable]]特征，它表示是否通过 for-in 循环返回属性，也可以理解为：是否可枚举。 然后根据具体的上下文环境的不同，我们又可以将属性分为：原型属性和实例属性。原型属性是定义在对象的原型（prototype）中的属性，而实例属性一方面来自己构造函数中，然后就是构造...
Object.keys( )与 for in 区别
weixin_33695082的博客
05-08 924
for in 一般用于对象的遍历: let obj = { a:1, b:2, } for(let key in obj){ console.log(key) } // a // b Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in循环遍历该对象时返...
for in 与Object.keys()的区别
m0_60695310的博客
08-05 3557
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、for in 和Object.keys()的含义？ 二、使用步骤 1.文字阐述 2.代码展示 总结 前言 一、for in 和Object.keys()的共性？ for in和Object.keys()都是对象的循环遍历的方法 二、for in 和Object.keys()的区别? 问题:取出下面对象的所有键 var person = { name: '张三',
深入解析 JavaScript 中的 Object.keys、Object.values 和 Object.entries
最新发布
09-15
在 JavaScript 编程中，操作对象是日常任务之一。对象是键值对的集合，我们经常需要遍历这些...此外，了解它们与 for...in 循环和 Object.getOwnPropertyNames() 方法的区别，可以帮助你更好地选择适合特定场景的工具。
js代码-Object.keys()和Object.values()的简单用法。
07-16
如果需要获取所有属性，可以使用`for...in`循环或`Object.getOwnPropertyNames()`和`getOwnPropertySymbols()`。 - **Symbol属性**：`Object.keys()`不包括Symbol属性，而`Object.values()`同样不包含它们。如果对象...
javascript-Reflect.ownKeys、Object.keys、Object.getOwnPropertyNames、for-in
weixin_41993525的博客
03-01 730
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 获取自身属性键的
object.keys和forin区别
07-25
`Object.keys()` 和 `for...in` 是 JavaScript 中用于遍历对象的两种不同方法。它们的区别如下： 1. `Object.keys()` 方法是一个静态方法，它返回一个给定对象自身可枚举属性的字符串数组。它只返回对象自身的属性...
js中 Object.keys 和 for in 有什么区别
业余前端的职业经历
06-29 1214
这几天碰到了一个面试题目， 说一下 乍一看 好像 有点懵逼得样子，说实话 天天工作 不回有人细细去扣他们俩得区别把 不过要说区别 我们先来说 他们定义上的区别把 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。 for…in for…in语句以任意顺序遍历一个对象的除Symbol以外的可枚举属性。 这个 应该就是 区别了把 可面试官 可能 不是面试官想要的 直接说出答案 就是 for in 遍历对象得
关于for in 与 Object.keys()在遍历对象上面的区别
xfy196的博客
07-27 465
使用for in 去遍历 对象会将prototype上面扩展的方法或者属性也打印出来 // 递归写法 Object.prototype.clone = function(){ let o = this.constructor === Array ? [] : {}; for(let e in this){ o[e] = typeof this[e] === "object" ? this[e].clone() : this[e]; } return o; }
for in 和 for of 的区别、Object.keys()及常见的遍历方法
weixin_47198976的博客
09-01 557
for in 和 for of 的区别、Object.keys()及常见的遍历方法
forin,Object.keys()的区别？哪个要用于遍历原型链上的属性？
Asrty的博客
10-09 819
for-in,Object.keys()的区别？
[JavaScript] Object常用方法小结 for..in和Object.keys的区别
一起来看烟花吧的博客
04-13 656
目录标题IntroductionObject.definePropertyObject.definePropertiesObject.prototype.hasOwnPropertyObject.create()Object.assignObject.getOwnPropertyDescriptorObject.getPrototypeOfObject.prototype.isPrototypeOf属性值 in 对象in操作符和Object.prototype.hasOwnProperty的区别for...
JS中for in和for of，Object.keys()
imber___zsk的博客
06-21 424
JS中for in和for of，Object.keys() for in用来循环对象,prototype上也能循环出来 也能循环数组，只能拿到索引，所以没用 for (const i in obj) { console.log(i)//打印出的i为obj中属性名 console.log(obj[i])//打印出属性值 } for of用来循环数组，拿到数组里每个值 循环对象会报错 let arr1 =[{a:'a1',b:'b1'},'b','c']; for (const i
for in和Object.keys来遍历对象有什么区别？
高先生的猫
04-22 661
for-in 是javaScript中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序遍历数组元素； 而Object构造器有一个实例属性keys，则可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用for-in遍历返回的顺序是一样的。for-in循环会枚举对象原型链上的可枚举属性，而Object.keys不会 ...
forof循环
weixin_30293079的博客
01-23 127
一、语法 1、遍历数组 let myArr=[1,2,3,4,5]; for (let ele of myArr) { console.log(ele); } let myArr=[1,2,3,4,5]; for (const ele of myArr) { console.log(ele); } 2、遍历字符串 let myStr=“camille”; for...
读 ECMAScript 6 笔记 ( 三 )
flybird
06-22 245
ＥＳ６里新增了for of 循环，有很多特别的地方，这里列举出来和几个常用的循环对比；以数组为例，JavaScript 提供多种遍历语法。最原始的写法就是for循环。for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]); } 这种写法比较麻烦，因此数组提供内置的forEach方...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值