关于for...in和for...of和Obeject.keys()的区别

最新推荐文章于 2024-01-11 12:31:53 发布
最新推荐文章于 2024-01-11 12:31:53 发布
阅读量194 收藏
点赞数
文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46391646/article/details/106910101
版权

//for in 遍历数组 得到的是下标 但是不建议用for in遍历数组，因为还会遍历开发者对数组对象自定义的可枚举属性及其原型链上的可枚举属性
//for in 遍历对象得到的是key 还会遍历原型链上可枚举的属性；
//for of 遍历数组的到的是value
// for of 不能遍历对象 如果想遍历对象的话需要配合Obeject.keys() 但是可以遍历类数组对象 map set集合
可搭配实例方法 entries()，同时输出数组的内容和索引；
暂时先写这么多，明天又面试，改天在整理加代码

潘潘同学
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JS数组Object.keys()方法的使用示例
12-11
本文实例讲述了JS数组Object.keys()方法。分享给大家供大家参考，具体如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>www.jb51.net Object.keys()方法</title> </head> <body> [removed] var person = { firstName: "aaaaaa", lastName: "bbbbbb", others: "ccccc" }; Obje
js中的for..in for..of Object.keys()的区别
d649237053的博客
05-11 1296
区别：for..in 遍历对象的可枚举属性包括自身属性与原型 的属性 Object.keys() 仅遍历对象自身的可枚举属性 for..of 是es6的新增的主要针对具有iterator接口的数据。例如array，set，map， var a = { b:1, c:2 } for (let i in a){ console.log(“键名...
Object.keys()
最新发布
outstanding木槿
01-11 1544
Object.values(obj)返回值是一个包含对象自身的所有可枚举属性值的数组。处理数据，比如后端返回的数据是obj形式的，想要对相同的数据进行层级归类。2. 返回对象中每一项key的。（遍历一个对象，返回一个全是key的数组）（必须包含属性和方法的对象）；
Object.keys方法之详解
XUELINGMM的博客
01-30 8607
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。
js 原生 Object.keys()详解
渐离的博客
04-10 214
Object.keys()返回一个数组 传入字符串，返回索引 var arr = ['a', 'b', 'c']; console.log(Object.keys(arr)); // console: ['0', '1', '2'] 传入对象，返回属性名 var obj = { a: 'alive', b: 'bike', c: 'color' }; console.log(Object.key...
JS for...in 遍历语句用法实例分析
10-21
值得注意的是，`for...in`不会遍历对象的不可枚举属性和原型链上的属性。如果你想要包括这些属性，需要使用`Object.getOwnPropertyNames()`或`Object.keys()`来获取属性列表，然后进行遍历。 此外，为了确保遍历...
Object.keys() 和 Object.getOwnPropertyNames() 的区别详解
10-15
主要介绍了Object.keys() 和 Object.getOwnPropertyNames() 的区别详解，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
94.迭代dict的key和value共2页.pdf.zi
10-29
for key in my_dict.keys(): print(key) ``` 输出将为：`'name'`, `'age'`, `'job'` 2. 迭代值（values）： 如果目标是遍历字典的所有值，可以使用`values()`方法： ```python for value in my_dict.values...
SendKeys clip.exe 发送中文的代码
09-06
`SendKeys`是Windows脚本宿主（WScript）和VBScript中一个非常实用的函数，它允许程序模拟用户对键盘的按键操作。然而，`SendKeys`在处理中文字符时可能会遇到问题，因为它默认只能发送ASCII码，而中文字符属于...
for in和Object.keys和for-of
分享我所知道的,让你知道的更明白.
05-06 873
起因 今天面试的时候,随机的问了一句,你知道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()的区别
m0_60695310的博客
08-05 3424
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录 前言 一、for in 和Object.keys()的含义？ 二、使用步骤 1.文字阐述 2.代码展示 总结 前言 一、for in 和Object.keys()的共性？ for in和Object.keys()都是对象的循环遍历的方法 二、for in 和Object.keys()的区别? 问题:取出下面对象的所有键 var person = { name: '张三',
for in 和 for of 的区别
weixin_30363509的博客
11-27 77
最近突然发现虽然整天做项目，但是基础的东西忘得越来越多了，所以我准备没事就回顾回顾基础知识，今天来回顾一下for in 和for of的区别 首先来看for in 　　for in 可以用来遍历数组，但是会有以下几个问题 　　1.index索引为字符串型数字，不能直接进行几何运算 　　2.遍历顺序有可能不是按照实际数组的内部顺序 　　3.使用for in会遍历数组所有的可枚举属性...
for in 和for of
qq_40612627的博客
11-28 94
一、for in 方法 a.for in 循环对象 var data = {name:'mcYang0929',age:'25',sex:'man'}; for(var key in data) { console.log(key); //属性名（key） console.log(data[key]); //属性值（value） }...
for in & for of 的区别
happyqyt的专栏
05-14 132
对于纯对象的遍历，for..in要厉害一些； Object.prototype.objCustom = function() {}; Array.prototype.arrCustom = function() {}; var arr = [3, 5, 7]; arr.foo = 'hello'; for (var i in arr) { // 如果不需要输出原型上的属性，可以用 arr.hasOwnProperty(i) 判断，返回false的则是原型上的属性 console.log
for-in和for-of的区别
tsqgll的博客
06-30 306
for-in和for-of的区别 for-in是ES5标准，遍历的是key（可遍历对象、数组或字符串的key）；for-of是ES6标准，遍历的是value（可遍历数组或字符串，set，map的value）。 for-in 直接看简单的代码示例了解用法。 var arr = [1, 2, 4, 5, 7]; for (var index in arr) { 　　console.log(myArray[index]); } 使用for-in可以遍历数组，但是会存在以下问题： 1.index索引为字符串型数字
Object.keys使用整理
weixin_30897079的博客
07-16 1703
一、语法 Object.keys(obj) 参数：要返回其枚举自身属性的对象 返回值：一个表示给定对象的所有可枚举属性的字符串数组 二、处理对象，返回可枚举的属性数组 let person = { name: "张三", age: 25, address: "深圳", getName: function() ...
for in 和 Object.keys区别
JJWanna的博客
10-10 3757
for-in是js中最常见的迭代语句，常常用来枚举对象的属性。某些情况下，可能按照随机顺序便利数组元素。 Object构造器有一个实例属性keys，则可以返回以对象的属性为元素的数组。数组中属性名的顺序跟使用for-in遍历返回的顺序是一样的。 for-in 循环会枚举对象原型链上的可枚举属性，而Object.keys不会 for in 遍历对象及其原型链上的可枚举的属性 如果用于遍历数组，除了遍历其元素外，还会遍历开发者对数组对象自定义的可枚举属性及其原型链上的可枚举属性 遍历对象返回属..
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、付费专栏及课程。

余额充值