遍历对象的方法总结

最新推荐文章于 2024-04-28 11:35:30 发布
最新推荐文章于 2024-04-28 11:35:30 发布
阅读量975 收藏
点赞数
分类专栏： 前端 javascript 文章标签： object js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43883285/article/details/107354411
版权

1.for…in…

遍历对象，还会得到对象原型链上的属性，k可以通过hasOwnProperty()方法过滤原型链上的属性

2.Object.keys()

返回对象自身属性组成的数组，自动过滤了原型链上的属性，可以通过forEach来遍历

3.Object.getOwnPropertyNames()

返回自身属性组成的数组，包括不可枚举的属性，可以通过forEach遍历

4）Reflect.ownKeys()

返回对象自身所有属性组成的数组，包括不可枚举属性和Symbol属性

luyiyi_lll
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS遍历对象的七种方法
小王的技术库
09-27 2万+
ES6标准入门》学习并总结了七种遍历对象的方法，我会将分别介绍这七种方法并进行详细的区分，并将从**属性可枚举性**问题与**遍历方法**两个大方面讲述全文，其中可枚举性是掌握遍历对象之前的的铺垫，请读者耐心学习，掌握遍历对象的七种方法！
iOS中遍历的方法总结
01-20
本文将对几种主要的遍历方法进行详细的总结。 1. **经典for循环**： 这是最基础的遍历方式，适用于任何遵循Objective-C Collection Protocol的对象。例如： ```objc NSArray *iosArray = @[@"a", @"b", @"c", @...
JS——遍历对象方法总结
热门推荐
蜡笔小星的博客
03-09 1万+
遍历对象方法一、对象遍历方法1.==for...in==2.==Object.keys()==、==Object.values()==、==Object.entries()==3.==Object.getOwnPropertyNames()==4.==Object.getOwnPropertySymbols()==5.==Reflect.ownKeys()== 一、对象遍历方法 1.for…in for...in主要用于循环对象属性。循环中的代码每执行一次，就会对对象的属性进行一次操作。语法如下： for
遍历对象方法总结
大赚万万亿
05-28 83
遍历对象方法总结
JavaScript中遍历对象
最新发布
Liu
04-28 337
返回一个数组，包含了对象自身的所有键，无论键的类型是字符串、Symbol还是其他可迭代类型，并且不管是否可枚举。如果对象有使用Symbol作为键的属性，此方法会返回这些Symbol属性名的数组。返回一个数组的数组，每个内部数组包含一个属性名和相应的属性值。这是最基本的遍历方式，可以遍历对象自身的和继承的可枚举属性。返回一个数组，包含对象自身的所有属性名（无论是否可枚举）。返回一个数组，包含对象自身的所有可枚举属性的属性名。返回一个数组，包含对象自身的所有可枚举属性的属性值。
js遍历对象方法总结
CC酱写前端的博客
06-15 181
js遍历对象
JavaScript遍历对象方法总结
前端学习笔记
04-24 2121
前言 本篇内容将按照下图展开： 遍历Object Object最常见的遍历方法方法就是使用for…in…，但其有一定的局限性，比如只能遍历可枚举属性。虽然Object无法直接使用for循环和forEach，但是经过Reflect.ownKeys / Object.getOwnPropertyNames / Object.getOwnPropertySymbols / Object.keys等方法转换直接得到Object中key值的集合后，是可以通过for循环和forEach来遍历的。 方法 获取属
JS 遍历对象总结
zhouzhiwengang的专栏
10-08 261
for...in... 遍历对象 注意:for...in...循环遍历对象自身的和继承的可枚举属性(不含Symbol属性). 实战: var obj ={'name': 'zzg', 'age': 10} for(var i in obj){ console.log(i, ":", obj[i]) } 效果截图: Objects.key()遍历对象 注意:返回一个数组,包括对象自身的(不含继承的)所有可枚举属性(不含Symbol属性) 实战: var obj ={'name'
【js】对象的遍历方法总结
qq_48896417的博客
09-11 934
对象的遍历方法总结。
总结js中遍历对象属性的方法
badbaby52906的博客
12-26 648
总结js中遍历对象各个方法的区别
JavaScript遍历对象总结
m0_52650516的博客
08-17 462
前言 本篇内容将按照下图展开： 遍历Object Object最常见的遍历方法方法就是使用for…in…，但其有一定的局限性，比如只能遍历可枚举属性。虽然Object无法直接使用for循环和forEach，但是经过Reflect.ownKeys / Object.getOwnPropertyNames / Object.getOwnPropertySymbols / Object.keys等方法转换直接得到Object中key值的集合后，是可以通过for循环和forEach来遍历的。 方法...
JS中如何轻松遍历对象属性的方式总结
11-30
Object.keys() 方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和使用 for…in 循环遍历该对象时返回的顺序一致 。如果对象的键-值都不可枚举，那么将返回由键组成的数组。 这是...
JS递归遍历对象获得Value值方法技巧
11-27
总结来说，JavaScript中的递归遍历对象是一种常用的技术，用于访问和操作复杂数据结构。在实际应用中，需要根据具体需求选择合适的遍历策略，并注意处理潜在的性能和内存问题。通过熟练掌握递归，可以更高效地处理...
js 遍历对象的属性的代码
10-28
在JavaScript中，遍历对象的属性是常见的操作，特别是在处理数据和实现面向对象编程时。本文将详细讨论如何使用`for...in`语句来遍历对象的属性，并探讨如何处理继承自原型链的属性。 首先，让我们看一个基本的`for...
编程实现输入框和确定按钮，点击确定，列表中增加当前输入内容，并清空输入框列表中每条有删除按钮，点击删除本条内容
luyiyi_lll的博客
07-05 611
<body> <input id="input" type="text" name="" id=""> <button onclick="addContent()">添加</button> <ul id="ul"></ul> <script> function addContent() { let ul = document.getElementById('ul') let l
==和===的区别
luyiyi_lll的博客
07-03 520
1.== 比较的是两者的内容，首先会判断两者的类型是否相同，如果相同就直接比较大小，不同的话，就会进行类型转换，会先判断是否是null和undefined的比较，是的话返回true,不是的话判断两者的类型是否是String和Number，是的话就会将字符串转换为Number,不是的话判断其中一方是否是boolean，是的话把boolean转换为Number再进行判断，不是的话判断其中一方是否为Object且另一方是否为String Number symbol 是的话就会把Object转为原始类型进行比较 2
js类型转换
luyiyi_lll的博客
07-03 484
1.转为布尔值： 条件判断的时候，除了undefined null fasle NaN ‘’ 0 -0,其他所有的值都为true，包括所有的对象 2.转为数字 Number() 如果转换的里面有任意一个值不少不是数值就返回NaN parderInt() 如果第一个字符是数字，直到遇见不是数字的为止，如果第一个不是数字或者字符返回NaN parseFloat()如果第一个字符是数字，则直到遇见的不是数字为止，如果第一个不是数字或者字符就返回NaN 3.转为字符串 .toString() 不可以转null和u
基本数据类型和引用数据类型有什么区别总结
luyiyi_lll的博客
07-14 465
1.内存分配方面 基本数据类型存放在栈中，占据的空间是固定的 引用数据类型，栈中的变量是它的引用地址，内容存放在堆中，大小可改变 2.访问机制方面 基本数据类型的值是可以直接访问到的 引用数据类型是不允许其直接访问保存在堆中的对象的，需要通过地址访问 3.赋值变量方面 基本数据类型赋值给一个新的变量，两个变量独立，只是值相同而已 引用数据类型是把地址赋值给一个新的变量，存储在栈中的两个变量是指向堆中同一个对象，其中任何一个改变都会反映到另一个身上 ...
js遍历对象属性的方法
08-24
JavaScript中遍历对象属性的方法有多种。其中，常用的方法有： 1. 使用for...in循环：for...in可以遍历对象的可枚举属性，包括原型链上的属性。可以通过判断hasOwnProperty方法来过滤掉原型链上的属性。例如： ```javascript let obj = {type: 1, keyword: "js"}; for (let key in obj) { if (obj.hasOwnProperty(key)) { console.log(key, obj[key]); } } ``` 2. 使用Object.keys()方法：Object.keys()返回一个由对象的可枚举属性组成的数组。可以遍历对象的可枚举属性，不包括原型链上的属性。例如： ```javascript let obj = {type: 1, keyword: "js"}; Object.keys(obj).forEach(key => console.log(key, obj[key])); ``` 3. 使用Object.getOwnPropertyNames()方法：Object.getOwnPropertyNames()返回一个由对象的所有属性（包括可枚举和不可枚举属性）组成的数组。可以遍历对象的所有属性，不包括原型链上的属性。例如： ```javascript let obj = {type: 1, keyword: "js"}; Object.getOwnPropertyNames(obj).forEach(key => console.log(key, obj[key])); ``` 4. 使用Object.getOwnPropertySymbols()方法：Object.getOwnPropertySymbols()返回一个由对象的所有Symbol属性组成的数组。只能遍历对象的Symbol属性，不包括其他非Symbol属性。例如： ```javascript let obj = {type: 1, keyword: "js"}; Object.getOwnPropertySymbols(obj).forEach(key => console.log(key, obj[key])); ``` 这些方法可以根据需要选择使用，以实现对对象属性的遍历。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [JS遍历对象属性的7种方式](https://blog.csdn.net/weixin_40895135/article/details/126584088)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [JS——遍历对象方法总结](https://blog.csdn.net/weixin_49392771/article/details/123354161)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值