js中循环对象

js中循环对象ES6 之前 循环对象常见做法是使用 for in 但是 for in 循环的问题在于它会遍历原型链中的属性 所以需要使用 hasOwnProper 执行检查属性是否属于该对象 ES6 之后 我们对于对象的循环有了更好的办法 Object keys Object values Object entriesObjec keys 创建一个包含对象所有属性的数组 constfruits appple 22 pear 34 orange 88 varkeys Objec

ES6之前,循环对象常见做法是使用:for…in。但是for…in循环的问题在于它会遍历原型链中的属性,所以需要使用hasOwnProperty执行检查属性是否属于该对象。
ES6之后,我们对于对象的循环有了更好的办法:Object.keys,Object.values,Object.entries


Object.keys :创建一个包含对象所有属性的数组

const fruits ={ 
    appple:22, pear:34, orange:88 } var keys = Object.keys(fruits); console.log(keys); //["appple", "pear", "orange"] 

Object.values:创建一个数组,其中包含对象中每个属性的值

const fruits ={ 
    appple:22, pear:34, orange:88 } var values =Object.values(fruits); console.log(values); //[22, 34, 88] 

Object.entries:创建了一个二维数组,每个内部数组都有2个元素,第一个元素是属性名,第二个属性值

const fruits ={ 
    appple:22, pear:34, orange:88 } var entries = Object.entries(fruits); console.log(entries); 

在这里插入图片描述
使用Object.entries的时候,需要将其内部数组解构为其键和属性值

const fruits ={ 
    appple:22, pear:34, orange:88 } for (const [fruit,num] of entries) { 
    console.log(`we have ${ 
     num} ${ 
     fruit}`); //we have 22 appple ... } 
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/223596.html原文链接:https://javaforall.net

(0)
上一篇 2026年3月17日 下午1:50
下一篇 2026年3月17日 下午1:50


相关推荐

  • 我的世界手机版虚拟人生服务器,我的世界虚拟人生mod攻略 虚拟人生mod怎么玩…

    我的世界手机版虚拟人生服务器,我的世界虚拟人生mod攻略 虚拟人生mod怎么玩…相信最近好多小伙伴都接触了虚拟人生这个模组 但是由于刚玩这个模组 不少的小伙伴都不知道这个模组怎么玩 下面小编就来告诉大家 想知道的玩家一定要看下面的内容 开局得到一个水晶球 水晶球可以选择自出生的地方 可以选择自己 也可以选择一个村庄 可以选择拥有一个家庭 可以选择单身 还可以选择性别 性别是取决于你孩子叫你叫爸爸或者妈妈的 村民要在模组特制的床才可以睡觉 如果单身的话 开始可以与村民互动 互动

    2026年3月16日
    2
  • POE交换机通用吗_工业级交换机

    POE交换机通用吗_工业级交换机目前PoE交换机需要量大,那一定有些人疑惑PoE交换机能够替代一般工业交换机应用吗?下面为大伙儿介绍下,一起来瞧瞧吧。一般状况下是还可以的,具备IEEE802.3af或是IEEE802.3at协议书的POE交换机,输出电压时会有一个小电流量侦测。假如另一方不是带PoE的设备,那么就不容易供以往48V的工作电压。可是PoE交换机虽具有交换机的作用,作为一般工业交换机应用时,沒有最大限度充分发挥它的使用价值,不足经济发展节省,是自然资源的消耗。假如不用对联接设备给予直流电,能够同时采用一般工业.

    2022年10月5日
    6
  • 数组中键key相等时,后面的值覆盖前面的值

    数组中键key相等时,后面的值覆盖前面的值

    2021年11月4日
    40
  • python字符串转换成数字_python如何将字符转换为数字

    python字符串转换成数字_python如何将字符转换为数字python 中的字符数字之间的转换函数 int x base 将 x 转换为一个整数 long x base 将 x 转换为一个长整数 float x 将 x 转换到一个浮点数 complex real imag 创建一个复数 str x 将对象 x 转换为字符串 repr x

    2026年3月19日
    2
  • fiddler抓包指南(浏览器、app抓包及证书安装)「建议收藏」

    fiddler抓包指南(浏览器、app抓包及证书安装)「建议收藏」1、fiddler对浏览器抓包1.1对浏览器的http的抓包Capturing开启,进行抓包;Capturing关闭,停止抓包;如下图:1.2对浏览器的https抓包1.2.1开启fiddler的https选项配置路径:Tools->FiddlerOptions->HTTPS->三个选项全部勾选如下图所示:1.2.2fiddler导出ca证书操作路径:

    2022年5月7日
    117
  • 如何理解相位式激光测距公式

    如何理解相位式激光测距公式参考链接1:相位式激光测距法中相位产生原理参考链接2:相位法激光测距原理及算法详解公式t=Δφ/w在N=0时才成立,可以用多尺测量方法。如果单尺测量,精度较小。选择高频率,则测程变小。所以,综合使用多尺测量。2L=c/f可以用于计算精尺和粗尺频率。…

    2022年6月2日
    41

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号