如何在ES6中遍历对象数组

Question

尝试使用es6迭代对象数组，因为它对我来说是非常新的

这是我的对象数组

[j]
0: j
$extCollectionIndex: 0
data: {ID: "b7f7ce8b-1455-41b3-ac26-b54916f6718f", userId: "444441", userName: "cjtest.1", email: "cjtest@gmail.com",  …}

需要返回或控制台用户名

我刚试过(地图和发现)

let obj = records.map(obj => {return obj.data});

console.log(obj)//[object,object]

有人能帮我吗

Answer 1

这是输出

let obj = records.map(obj => {return obj.data.username});

console.log(obj)//cjtest.1

谢谢你@Weedoze @gaetanoM

Answer 2

Array.prototype.map将返回一个新数组。如果您返回obj.data，您将有一个对象数组。您需要对所需的数据更加具体。

let obj = records.map(obj => obj.data.userName );

Answer 3

只需在record.data.userName上使用您的map函数，而不只是使用record.data，然后就可以使用join打印出来。或者使用forEach循环，其中包含一个console.log。

工作实例：

​

function foo(){
  const records = [
      {
          "data": {
              "ID": "b7f7ce8b-1455-41b3-ac26-b54916f6718f",
              "userId": "444441",
              "userName": "cjtest.1",
              "email": "cjtest@gmail.com"
          }
      },
      {
          "data": {
              "ID": "b7f7ce8b-1455-41b3-ac26-b54916f6718f",
              "userId": "444441",
              "userName": "srtkjrthrt",
              "email": "cjtest@gmail.com"
          }
      },
      {
          "data": {
              "ID": "b7f7ce8b-1455-41b3-ac26-b54916f6718f",
              "userId": "444441",
              "userName": "srthstrj",
              "email": "cjtest@gmail.com"
          }
      },
      {
          "data": {
              "ID": "b7f7ce8b-1455-41b3-ac26-b54916f6718f",
              "userId": "444441",
              "userName": "cjghj1",
              "email": "cjtest@gmail.com"
          }
      }
  ]
  const userList = records.map(record => record.data.userName)
  console.log(userList.join(', '))
}

foo()

​