javascript - 遍历嵌套类对象

Question

我有一个看起来像这样的类:

class Item {
    constructor (color, size) {
        this._color = color
        this._size = size
    }

    get color() {
        return this._color
    }

然后我实例化一个基础项:

const pencil = new Item('yellow', 6)

然后我实例化几个子项:

pencil.eraser = new Item('red', 2)
pencil.lead = new Item('grey', 1)

我想以某种方式遍历每个子项。

var colors = [];

pencil.forEach(part => {
    colors.push(part.color)
}
console.log(colors) //expected output: red, grey

这样的事情会很好，但我知道这是不可能的。

Answer 1

您可以获得对象属性的所有值，.filter() 到instanceof Item，然后是.map() 他们的颜色。

class Item {
    constructor (color, size) {
        this._color = color
        this._size = size
    }

    get color() {
        return this._color
    }
}

const pencil = new Item('yellow', 6)

pencil.eraser = new Item('red', 2)
pencil.lead = new Item('grey', 1)

var colors = Object.values(pencil)
                   .filter(v => v instanceof Item)
                   .map(p => p.color);
   
console.log(colors)