javascript - 将 init 集合转换为标准对象？

Question

如下所示，当我在控制台中查看对象集合时，我看到[init, init]。为了直接访问属性，我必须对每个项目进行字符串化，然后将它们解析回一个对象，这看起来很愚蠢。有更好的方法吗？

Answer 1

通过将实例上的属性复制到新对象中，例如 { ...init }，您将拥有一个不继承的新普通对象来自Init.prototype:

// Look at results in browser console, not snippet console:

class Init {
  constructor() {
    this.item = 'item';
  }
}

// Your original situation:
const arrOfInits = [new Init(), new Init()];
console.log(arrOfInits);

// Assign all properties on instance to standard object:
const arrOfObjects = arrOfInits.map(init => ({ ...init }));
console.log(arrOfObjects);

不过，您仍然应该能够访问 init 实例上的属性，而无需任何特殊代码:

// Look at results in browser console, not snippet console:

class Init {
  constructor() {
    this.item = 'item';
  }
}

// Your original situation:
const arrOfInits = [new Init(), new Init()];
console.log(arrOfInits[0].item);