当前位置:首页 » 《随便一记》 » 正文

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

21 人参与  2023年05月08日 10:25  分类 : 《随便一记》  评论

点击全文阅读


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

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);}

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);}

forEach​方法:

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

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://m.zhangshiyu.com/post/61512.html

<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

关于我们 | 我要投稿 | 免责申明

Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1