js中遍历对象数组并获取对象相应的属性值

news/2024/12/2 20:47:27/

JavaScript中遍历对象数组的方法有很多种。以下是常见的四种常见的方法:for​循环,for...of​循环,forEach​方法和map​方法,在遍历的同时,通过访问对象的属性来获取相应的值。

  1. for​循环:

    const objArray = [{ id: 1, name: 'Alice' },{ id: 2, name: 'Bob' },{ id: 3, name: 'Charlie' },
    ];for (let i = 0; i < objArray.length; i++) {const obj = objArray[i];console.log(obj.id, obj.name);
    }
    
  2. for...of​循环:

    const objArray = [{ id: 1, name: 'Alice' },{ id: 2, name: 'Bob' },{ id: 3, name: 'Charlie' },
    ];for (const obj of objArray) {console.log(obj.id, obj.name);
    }
  3. forEach​方法:

    const objArray = [{ id: 1, name: 'Alice' },{ id: 2, name: 'Bob' },{ id: 3, name: 'Charlie' },
    ];objArray.forEach((obj) => {console.log(obj.id, obj.name);
    });
    
  4. map​方法(通常用于创建一个新数组,但也可以用于遍历):

    const objArray = [{ id: 1, name: 'Alice' },{ id: 2, name: 'Bob' },{ id: 3, name: 'Charlie' },
    ];objArray.map((obj) => {console.log(obj.id, obj.name);return obj;
    });
    

以上方法都可以实现在遍历对象数组的同时,提取对象中的属性值。‍


http://www.ppmy.cn/news/45099.html

相关文章

my ttl clock

文章目录 my ttl clock概述实现补充补充END my ttl clock 概述 最近想检测一下自己的睡眠质量. 想做个闹钟, 从22:00~03:00, 每隔5分钟报时. 将小时:分钟念出来就行. 这样, 我入静之后, 听到的最后时间, 就是我入睡的时间. 看到网上同学写好一个ttl类, 改了一下. 加了检测声…

windows无盘启动技术开发之UEFI(新一代BIOS)引导程序开发之二

by fanxiushu 2023-04-14/18 转载或引用请注明原始作者。 接上文。 上文提到了至少有两种办法制作UEFI的虚拟磁盘驱动。 本文只接收利用BlockIO的方式来构造一个临时用的虚拟磁盘。 之所以说是临时使用&#xff0c;是因为在作为引导程序中&#xff0c;一旦进入到 \EFI\boot\boo…

双榜加冕!加速科技荣登2023准独角兽中国未来独角兽双榜单

4月10日至11日&#xff0c;由杭州市人民政府、民建浙江省委会、中国投资发展促进会主办的第7届万物生长大会在杭州国际博览中心隆重举行。会上&#xff0c;中国投资发展促进会创投专委会、杭州市创业投资协会联合微链共同发布2023杭州市独角兽&#xff08;准独角兽&#xff09;…

【架构设计】如何设计一个几十万在线用户弹幕系统

文章目录 一、前言二、项目介绍客户端轮询WebSocket主动推送 三、弹幕初始架构四、弹幕架构演进五、弹幕存储六、弹幕查询七、总结 一、前言 现在无论是直播还是电视剧&#xff0c;我们都可以看到上面慢慢的弹幕&#xff0c;满足十几万用户在线的弹幕系统&#xff0c;我们该如…

装饰模式的C++实现——设计模式学习(1)

编程目的&#xff1a;理解装饰模式及其用法。 装饰模式&#xff08;Decorator)&#xff0c;动态地给一个对象添加一些额外的职责&#xff0c;就增加功能来说&#xff0c;装饰模式比生成子类更为灵活。[DP] 装饰模式是一种结构型设计模式&#xff0c;它允许在运行时动态地给对…

【实用】解决.gitignore文件不生效

文章目录 背景原因解决方法 背景 针对&#xff1a;.gitignore文件不生效&#xff0c;哪怕是将某个目录、文件加入到忽略规则里 原因 .gitignore只能忽略那些原来没有被追踪的文件如果某些文件已经被纳入了版本管理中&#xff0c;那么修改.gitignore是无效的。 解决方法 先把本…

python实现将给定列表划分为元素和大致相等的两个子列表

假设现有列表[300,150,75,38,19,9,5,2]&#xff0c;我想把它划分为两个子列表&#xff0c;并要求两个列表的元素和大致相等&#xff0c;应该如何做&#xff1f; 这是一个很有意思的问题&#xff0c;我们期待的答案应该是&#xff1a; list1: [300] list2: [150,75,38,19,9,5,…

如何让心情保持平静?100多条禅修心法

静的层次和阶段 静首先是不要去争&#xff0c;没有任何争的心&#xff0c;没有任何杂念心。静有几个层次阶段&#xff1a; ⒈. 自己的心情相对于自己平静&#xff0c;是平静的第一个阶段。 ⒉. 第二个平静的阶段是&#xff1a;别人觉得你很静&#xff0c;自己也很静&#xf…