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

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

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

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

 
 930万买一株兰花  高鹗  中年男人内心想收到的礼物  圣诞节寄语  军训感悟  新几内亚凤仙花图片 
打赏
版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《js中遍历对象数组并获取对象相应的属性值》
文章链接:https://goodmancom.com/wl/175889.html