首页 前端知识 js中遍历对象数组并获取对象相应的属性值

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

2024-01-26 00:01:01 前端知识 前端哥 401 449 我要收藏

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

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

转载请注明出处或者链接地址:https://www.qianduange.cn//article/378.html
标签
开发语言
评论
发布的文章
大家推荐的文章
会员中心 联系我 留言建议 回顶部
复制成功!