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

已于 2022-02-24 16:30:24 修改
阅读量967 收藏 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不支持遍历对象）

Master.Yuan
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
for in和Object.keys和for-of
分享我所知道的,让你知道的更明白.
05-06 874
起因 今天面试的时候,随机的问了一句,你知道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)
通过实例解析JavaScript for in及for of区别
10-15
在JavaScript中，`for...in`和`for...of`都是循环结构，但它们的应用场景和行为有所不同。这里我们将深入探讨这两个循环的区别，并通过实例来理解它们的工作原理。 `for...in`循环主要用于遍历对象的可枚举属性，...
[JavaScript] for...in、Object.keys 和 for...of 的区别
iChangebaobao的博客
03-12 617
1 遍历数组通常用for循环 ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　console....
for in 与Object.keys()的区别
m0_60695310的博客
08-05 3431
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、for in 和Object.keys()的含义？ 二、使用步骤 1.文字阐述 2.代码展示 总结 前言 一、for in 和Object.keys()的共性？ for in和Object.keys()都是对象的循环遍历的方法 二、for in 和Object.keys()的区别? 问题:取出下面对象的所有键 var person = { name: '张三',
[JavaScript] Object常用方法小结 for..in和Object.keys的区别
一起来看烟花吧的博客
04-13 624
目录标题IntroductionObject.definePropertyObject.definePropertiesObject.prototype.hasOwnPropertyObject.create()Object.assignObject.getOwnPropertyDescriptorObject.getPrototypeOfObject.prototype.isPrototypeOf属性值 in 对象in操作符和Object.prototype.hasOwnProperty的区别for...
javascript中for...in和for...of的区别
alive_new的博客
09-24 563
迭代对象和迭代数组：for…in适用于迭代对象的属性，而for…of适用于迭代数组等可迭代对象的元素。迭代顺序：for…in循环的迭代顺序不保证与属性在对象中的顺序一致，而for…of循环按照可迭代对象的顺序依次迭代元素。原型链上的属性：for…in循环会迭代对象的原型链上的属性，而for…of循环只会迭代对象自身的属性。使用场景：for…in常用于遍历对象的属性，而for…of常用于遍历数组和其他可迭代对象的元素。
JS中for in和for of，Object.keys()
imber___zsk的博客
06-21 379
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
Object.keys 、 Object.getOwnPropertyNames 和 for in 异同点
Gunahao的博客
05-06 925
// 定义一个类，原型上有gender属性，和sayHi方法。 const Person = function () {} Person.prototype = { gender: 'male', sayHi: function () {} } var people = new Person() people.name = 'xiaoming'; people.age = 2...
踩坑经验：JavaScript 中的 for...of 和 for...in 循环
kilig_CSM的博客
08-17 534
在 JavaScript 编程中，for...of和for...in是常用的循环语法，但它们在使用时可能会引发一些意想不到的问题。本文将分享我在使用这两种循环时所遇到的坑和经验。
for...in 和 for...of 的区别
最新发布
fighting ~的博客
03-21 1018
可迭代对象 包括 数组、字符串、Set、Map等，还包括 arguments 对象。它遍历的是。
js中forEach，for in，for of循环的用法示例小结
10-15
本文将深入探讨三种常见的循环类型：`forEach`、`for...in` 和 `for...of`，并结合实例来阐述它们的用途和注意事项。 一、`forEach`循环 `forEach`方法是数组的一个内置方法，它为数组中的每个元素执行一次提供的...
详解Js里的for…in和for…of的用法
10-17
在JavaScript中，`for...in`和`for...of`是两种不同的循环结构，它们各自有特定的用途和特点。本文将深入解析这两种循环的区别和用法，通过示例代码帮助理解。 首先，`for...in`循环是JavaScript中较早引入的迭代...
js代码-Object.keys()和Object.values()的简单用法。
07-16
如果需要获取所有属性，可以使用`for...in`循环或`Object.getOwnPropertyNames()`和`getOwnPropertySymbols()`。 - **Symbol属性**：`Object.keys()`不包括Symbol属性，而`Object.values()`同样不包含它们。如果对象...
js数组的reduce方法
yuanwen52的博客
07-02 9732
1、语法 arr.reduce(callback, initialValue) reduce为数组中的每个元素依次执行回调函数，接受4个参数：初始值（或者上次回调函数的返回值）、当前元素值、当前索引、调用reduce的数组。 2、实例解析initialValue参数 2.1当不设置initialValue参数时 输出结果为： 可以看出，index是从1开始的，第一次的prev的值是数组的第一个值。数组长度为3，但是reduce循环次数为2。 2.2 当设置initialValue参数为.
javascript对象覆盖部分属性
yuanwen52的博客
09-27 2554
需求：只需对现有对象的部分属性覆盖 例如： 只需覆盖info中的age属性，可以使用ES6中的解构赋值语法：
javascript中Map和Object的区别
yuanwen52的博客
02-25 1823
1、Object的键只能是字符串或者Symbol，而Map的键可以是任意值。 2、Map中的键值是有序的（FIFO），而Object中的键是无序的。 3、Map中的键值个数可以从size属性中获取，而Object中的键值只能手动获取。 Map本质上为二维数组构造 ...
javascript创建指定长度数组，且默认填充元素
yuanwen52的博客
11-02 1474
可以使用 let arr = new Array(n).fill(element) n为数组长度，element为默认填充元素。
js中数组的map方法
yuanwen52的博客
04-19 1370
js中数组的map方法是返回一个新的数组（返回每项处理完成后的结果锁组成的数组），对原数组没有影响。 var arr=[1,2,3,4,5]; var arr1=arr.map(function (item,index,arr) { // 第一个参数是数组的当前元素，第二个参数是下标，第三个参数是数组 return item*2; }); ...
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、付费专栏及课程。

余额充值