javascript - 从其功能设置对象属性的值不起作用

Question

我正在尝试使用 new_Color.next() 每次调用它时按数组顺序返回不同的颜色。但它总是返回 blue。我做错了什么？

var new_Color = {
    index: 0,
    colors: ['blue', 'lightblue', 'darkblue'],
    next: function() {
        this.index = this.index + 1 < this.colors.length? 0: this.index + 1;
        return this.colors[this.index];
    }
};

提前致谢。

Answer 1

您总是将 index 重置为 0 因为 (0) + 1 小于 length。翻转比较运算符，使其成为 length - 1。

var new_Color = {
    index: 0,
    colors: ['blue', 'lightblue', 'darkblue'],
    next: function() {
        //                          v right here
        this.index = this.index + 1 > this.colors.length - 1 ? 0 : this.index + 1;
        return this.colors[this.index];
    }
};

如果你想从blue开始，让你的初始索引-1。