javascript - 循环访问对象数组中的用户数据

Question

我正在尝试循环访问多个用户的数据。如下图所示:

const users = [
  {
    name: 'Homer', 
    role: 'Clerk', 
    dob: '12/02/1988',
    admin: false 
  }, 
  {
    name: 'Lisa', 
    role: 'Staff', 
    dob: '01/30/1965',
    admin: false 
  }, 
  {
    name: 'Marge', 
    role: 'Associate', 
    dob: '09/10/1980',
    admin: true 
  }
];

我的代码如下:

let namesAndRoles = (users) => {
  for (let [key,value] of Object.entries(users)) {
    console.log(`${key}: ${value}`);
  }
};
//namesAndRoles(users)

给定一个用户数组，编写一个函数，namesAndRoles，它以字符串形式返回所有用户的名称和 Angular 色，并标记每个值:

如何以这种形式取回用户数据:

Name: Homer
Role: Clerk

Answer 1

value 是您尝试记录的对象，您应该访问特定的属性值，例如 value.name。

您可以尝试使用Array.prototype.map() :

The map() method creates a new array populated with the results of calling a provided function on every element in the calling array.

const users = [
  {
    name: 'Homer', 
    role: 'Clerk', 
    dob: '12/02/1988',
    admin: false 
  }, 
  {
    name: 'Lisa', 
    role: 'Staff', 
    dob: '01/30/1965',
    admin: false 
  }, 
  {
    name: 'Marge', 
    role: 'Associate', 
    dob: '09/10/1980',
    admin: true 
  }
];
let namesAndRoles = (users) => users.map(p => ({Name: p.name, Role: p.role}));
console.log(namesAndRoles(users));