Object.key()与for...in...

最新推荐文章于 2025-07-28 21:34:04 发布
翻译 最新推荐文章于 2025-07-28 21:34:04 发布 · 841 阅读 · 0
文章标签：

#对象

本文探讨了JavaScript中Object.keys方法与for...in循环之间的关键区别：Object.keys仅返回对象自身可枚举属性的键名数组，而for...in还会包括原型链中的属性。

The Object.keys() method returns an array of a given object’s own enumerable properties, in the same order as that provided by a for…in loop (the difference being that a for-in loop enumerates properties in the prototype chain as well).

意思是说Object.key()返回一个数组不会遍历原型链上的键值，而for…in…会遍历原型链上的键值。

Objective-C学习之objectForKey:和valueForKey:的不同
甫式人生
05-24 3558
从 NSDictionary 取值的时候有两个方法，objectForKey:和valueForKey:，这两个方法具体有什么不同呢？ 先从 NSDictionary 文档中来看这两个方法的定义：objectForKey: returns the value associated with aKey, or nil if no value is associated with aKey. 返回指定
JS `Object.values()` / `Object.entries()`：获取对象值数组与键值对数组
weixin_41455464的博客
07-21 1751
在 JavaScript 的世界里，对象就像一个百宝箱，里面装着各种各样的属性（key-value pair）。但是需要注意的是，这种比较方式是浅比较，只能比较对象的直接属性，不能比较嵌套对象。它们就像是对象的挖掘机，能把对象里的宝贝值和键值对一股脑儿地挖出来，方便我们进行各种操作。提供了一种方便的方式来遍历对象的键值对，可以用于各种场景，比如数据转换、对象比较等。里的每个键值对都提取出来了，放进了一个数组里，每个键值对又是一个数组。就是一个简单粗暴的工具，用来获取对象的所有值，方便快捷。
for..in 和 Object.keys 的区别：从“遍历对象属性的坑”说起
最新发布
2501_92798394的博客
07-28 699
在优化一个用户数据同步模块时，遇到一个诡异问题：输出结果让我吓一跳：”——这正是for..in和的核心差异所在。
对象方法Object.key()和Object.defineProperty()
weixin_43918847的博客
10-06 579
这两个方法都是es5 新增的 1、Object.key()：获取对象的函数名，并生成一个类型为 字符串 的新数组 var obj = { id: 1, name: 'xing', age: 20 } var ar = Object.keys(obj); console.log(ar); ar.forEach(function (value) { console.log(value); }) 输出结果为： 2、Object.defineProperty()：方法会直接在一个对象上定义一个新属
for(var key in data）循环遍历函数
bigboy1010的博客
05-27 6067
for in 循环中key在对象和数组代表的值不一样，对象中即为对象名，数组中即为下标index； 举例如下： 1.获取对象中的键（key）与值（value）： var data = {name:'小花',age:'17岁',sex:'男'}; for (var a in data) { console.log(a); /*属性名*/ console.log(data[a]); /*属性值*/ }; 2.获取数组中的值var a =...
Object.keys()方法详解
一只流浪的kk的博客
10-13 4822
一、官方解释 Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。 二、语法 Object.keys(obj) 参数：要返回其枚举自身属性的对象 返回值：一个表示给定对象的所有可枚举属性的字符串数组 三、处理对象，返回可枚举的属性数组 ...
【JS】对象转数组以及ES6对象的Object.key， Object.values， Object.entries
芳草萋萋鹦鹉洲哦
09-03 5679
很多ui组件使用都要求是数组，而我们得到的往往是一个{key, value}的对象。 如何把一个对象转化为数组，实例： obj:{ name: 'aaa', height: 190, sex: 'man', } 转化为： objNew:[ { name: 'aaa' }, { height: 190 }, { sex: 'man' }, ] 对象的两种取值方式 JS中对象有两种取值方式，通过在.后面直接加属性名取值，这也是我们最常使用的一种方式，例如: let obj = {.
【JS】Object.defineProperty与Proxy
owo_ovo的博客
08-02 1998
【JS】Object.defineProperty与Proxy
EO.Total_2017.2.92.0_With.Key
11-01
Essentials Object EO.Total is the Essential Object product suite for .NET developers. The collection includes the following, which we briefly describe each: • EO.WebBrowser is a web browser based web...
javascript之Object.assign实现浅拷贝的原理以及实现
saucxs
04-19 1550
一、前言 之前在前面一篇学习了赋值，浅拷贝和深拷贝。介绍了这三者的相关知识和区别。 传送门：https://www.mwcxs.top/page/592.html 本文会介绍浅拷贝Object.assign()的实现原理，然后咱们试着实现一个浅拷贝。 二、浅拷贝Object.assign() 什么是浅拷贝？浅拷贝就是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。 浅拷...
for in可遍历原型链上扩展的属性，Object.keys() 只遍历自身属性
weixin_30364147的博客
04-07 817
一.for in 1.使用 for in 循环遍历对象的属性时，原型链上的所有属性都将被访问： Object.prototype.say="cgl"; //修改Object.prototype var person ={ age: 18 }; for (var key in person) { console.log(key, pers...
javascript的Object.keys()函数
听海边涛声
05-05 1104
javascript的Object.keys()函数
对象数据的读取，看这一篇就够了！Object.keys()、Object.values()和Object.entries()用法详解；如何获取对象原型链上的属性
RenGJ010617的博客
06-07 3281
Object.keys()、Object.values()和Object.entries()都是利于对象操作的便捷方法，能有效提升数据处理的效率。
forin,Object.keys()的区别？哪个要用于遍历原型链上的属性？
Asrty的博客
10-09 926
for-in,Object.keys()的区别？
遍历对象属性，for...in和Object.keys到底用哪个？
欢迎来到我的前端博客！这里汇集了关于前端开发的最新技术、实用工具和经验分享。我将为你提供详细的教程、代码示例和实战案例，帮助你掌握Web开发的核心概念和技能。不论你是初学者还是有经验的开发者，这个博客都适合你。
06-12 945
大家好，我是小杨，一个做了6年前端的老司机。今天咱们来聊聊JavaScript中遍历对象属性的两种常见方式——for...in循环和Object.keys()方法。虽然它们都能用来遍历对象属性，但在实际使用中却有不少区别，选错了可能会导致一些意想不到的bug。
[转]Object.keys()和for in的排序问题
weixin_34059951的博客
11-13 359
原文地址:https://www.jianshu.com/p/a086ff48be6e Object.keys()和for in 具有相同的排列顺序 如果属性名的类型是Number，那么Object.keys返回值是按照key从小到大排序 如果属性名的类型是String或Symbol，那么Object.keys返回值是按照属性被创建的时间升序排序，且一定排在Number之后 var o...
日常学习2024.2.7-for.in和Object.keys的区别,for.in和for.of的区别
qq_45030898的博客
02-07 463
日常学习2024.2.7-for.in和Object.keys的区别,for.in和for.of的区别
JavaScript中for...in,Object.keys,Object.getOwnpropertyNames获得数组或者对象的key，value有什么不同
yuyongkun4519的博客
02-23 429
一、遍历非Array对象 1、for...in 主要用于遍历对象的可枚举属性，包括自有属性、继承自原型的属性。 var obj = {"name":"jack","sex":"male"}； Object.defineProperty(obj, "age", {value:"24", enumerable:false});//增加不可枚举的属性age Object.prototype....
Object.keys()、Object.values()、Object.entries()用法总结
qq_22905801的博客
01-28 3178
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for...in 循环遍历该对象时返回的顺序一致。Object.create方法的第二个参数添加的对象属性（属性p），如果不显式声明，默认是不可遍历的，因为p的属性描述对象的enumerable默认是false，Object.values不会返回这个属性。一、Object.entries方法返回一个数组，成员是参数对象自身的（不含继承的）所有可遍历（enumerable）属性的键值对数组。
object.keys和forin区别
07-25
`Object.keys()` 和 `for...in` 是 JavaScript 中用于遍历对象的两种不同方法。它们的区别如下： 1. `Object.keys()` 方法是一个静态方法，它返回一个给定对象自身可枚举属性的字符串数组。它只返回对象自身的属性，不包括继承的属性。示例代码如下： ```javascript const obj = { a: 1, b: 2, c: 3 }; console.log(Object.keys(obj)); // 输出 ["a", "b", "c"] ``` 2. `for...in` 循环是一种迭代对象属性的方式，它会遍历对象自身及继承的可枚举属性。在循环体中，你可以通过使用对象的键来访问对应的属性值。示例代码如下： ```javascript const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { console.log(key, obj[key]); } // 输出： // a 1 // b 2 // c 3 ``` 需要注意的是，`for...in` 循环遍历的是对象的可枚举属性，包括继承的属性和原型链上的属性。如果你只想遍历对象自身的属性，可以使用 `hasOwnProperty()` 方法进行判断。例如： ```javascript const obj = { a: 1, b: 2, c: 3 }; for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); } } // 输出： // a 1 // b 2 // c 3 ``` 总结来说，`Object.keys()` 返回对象自身的可枚举属性组成的数组，而 `for...in` 循环遍历对象自身及继承的可枚举属性。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值