如何在 for...in 中获取嵌套对象属性的正确属性？

Question

给定以下 sn-p：

let PARENT = {
  CHILD_1: {
    no: '1',
    page: 3,
    toString: function(){ return this.no; } },
  CHILD_2: {
    no: '2',
    page: 4,
    toString: function(){ return this.no; } },
}
console.log( JSON.stringify(PARENT, null, 1) )

for ( let c in PARENT ) {
  // c is a CHILD_n object here, right?

  console.log(c)  // why 'CHILD_n' instead of 'no' from toString()?
  console.log(c.page)  // why undefined instead of 'page'?
}

我没有得到预期的结果：

1. 为什么c 解析为CHILD_n 属性的名称而不是toString() 返回的值？
2. 为什么是c.page undefined？ 1. c 不是一个CHILD_n 对象，它的属性可用吗？
3. 如何获得期望值？

Answer 1

如 cmets 中所述，for... in 循环通过键；即字符串 'CHILD_1' 和 'CHILD_2' 而不是对象。

for... of 迭代值，但是，您不能直接迭代对象，因为对象是不可迭代的。 for (value of {}) {} 会抛出错误。

相反，您必须通过例如获取可迭代的值列表。 Object.values 在使用 for... of 进行迭代之前。

最后，toString 不会被console.log 自动调用，因此您必须显式调用它。

let PARENT = {
  CHILD_1: {
    no: '1',
    page: 3,
    toString: function(){ return this.no; } },
  CHILD_2: {
    no: '2',
    page: 4,
    toString: function(){ return this.no; } },
};

for ( let c of Object.values(PARENT) ) {
  console.log(c);
  console.log(c.toString());
  console.log(c.page);
}