JavaScript我可以直接访问object里面的一个属性吗？

Question

在这个object中，我想以[userName, skills]的形式打印出一个数组。 我知道这些对象没有索引。 是否可以检测skills属性并只打印出它的值？

const users = {
  Alex: {
    email: 'alex@alex.com',
    skills: ['HTML', 'CSS', 'JavaScript'],
    age: 20,
    isLoggedIn: false,
    points: 30
  },
  Asab: {
    email: 'asab@asab.com',
    skills: ['HTML', 'CSS', 'JavaScript', 'Redux', 'MongoDB', 'Express', 'React', 'Node'],
    age: 25,
    isLoggedIn: false,
    points: 50
  },
  Brook: {
    email: 'daniel@daniel.com',
    skills: ['HTML', 'CSS', 'JavaScript', 'React', 'Redux'],
    age: 30,
    isLoggedIn: true,
    points: 50
  }
}

我首先尝试了下面的代码，但出现错误，它无法读取未定义的属性（读取 0）。

let userId = Object.keys(users);  //(3) ['Alex', 'Asab', 'Brook']

for (let i = 0; i < userId.length; i++) {
  let userSkills = users.userId[i].skills;
  console.log(userId, userSkills);
}

这是我像下面这样一一检查所有技能的唯一方法吗？

console.log(users.Alex.skills);
console.log(users.Asab.skills);
console.log(users.Brooks.skills);

Answer 1

如评论中所述，您应该使用括号表示法。

链接：

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors

https://javascript.info/object

此外，您可以使用它来缩短代码：

userId.forEach(user => console.log(users[user].skills));

关于数组方法，您可以在此处阅读：

https://javascript.info/array-methods

Answer 2

试试这个，它会为你工作

let userId = Object.keys(users);  //(3) ['Alex', 'Asab', 'Brook']
for (let i = 0; i < userId.length; i++) {
  let userSkills = users[userId[i]].skills;
}

Answer 3

const users = {
  Alex: {
    email: 'alex@alex.com',
    skills: ['HTML', 'CSS', 'JavaScript'],
    age: 20,
    isLoggedIn: false,
    points: 30
  },
  Asab: {
    email: 'asab@asab.com',
    skills: ['HTML', 'CSS', 'JavaScript', 'Redux', 'MongoDB', 'Express', 'React', 'Node'],
    age: 25,
    isLoggedIn: false,
    points: 50
  },
  Brook: {
    email: 'daniel@daniel.com',
    skills: ['HTML', 'CSS', 'JavaScript', 'React', 'Redux'],
    age: 30,
    isLoggedIn: true,
    points: 50
  }
}

for (const element in users) {
  console.log(users[element].skills);
}

Answer 4

您可以使用Object.entries和 map

 const users = { Alex: { email: 'alex@alex.com', skills: ['HTML', 'CSS', 'JavaScript'], age: 20, isLoggedIn: false, points: 30 }, Asab: { email: 'asab@asab.com', skills: ['HTML', 'CSS', 'JavaScript', 'Redux', 'MongoDB', 'Express', 'React', 'Node'], age: 25, isLoggedIn: false, points: 50 }, Brook: { email: 'daniel@daniel.com', skills: ['HTML', 'CSS', 'JavaScript', 'React', 'Redux'], age: 30, isLoggedIn: true, points: 50 } } const resultArray = Object.entries(users).map(([user, {skills}]) => [user, skills]) const resultObject = Object.entries(users).map(([user, {skills}]) => ({user, skills})) console.log(resultArray) console.log(resultObject)

Answer 5

let userId = Object.keys(users);  //(3) ['Alex', 'Asab', 'Brook']

userId.forEach(u=> {
    console.log(users[u].skills);
});

Answer 6

你快到了 -

for (let i = 0; i < userId.length; i++) {
  let userSkills = users[userId[i]].skills;
  console.log(userId[i], userSkills);
}

使用括号表示法而不是点表示法。 因为所有时间点符号都是不可接受的。 像 -.number, .dependingValue, .anyCalculation, numericValue.something

Javascript 混淆了十进制。

阅读更多： https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Property_accessors

Answer 7

    for (name in users) {
      console.log([name, ...users[name].skills])
    }