使用 OOP js 推入数组答案

【问题标题】：Pushing into an array with OOP js使用 OOP js 推入数组
【发布时间】：2019-02-12 05:27:24
【问题描述】：

数组：

var cake = {
    selectors : {
        '.this-is-a-class' : {
            type:'color'
        }
    }
};

推送：

cake.push({
    selectors: {
        '.cake-in-orlando' : {
            color : 'red'
        }
    }
});

错误：

未捕获的类型错误：cake.push 不是函数

【问题讨论】：

您的代码中没有数组。你想达到什么目的？
你应该解释你正在尝试什么，也可能谷歌你可以称之为 push on。例如一个对象不是你可以称之为 push on 的东西。

标签： javascript jquery oop frontend

【解决方案1】：

正如其他人所提到的，您的变量不包含数组。它包含一个带有嵌套对象的对象。 {} 是 javascript 中的对象语法。 [] 是 javascript 中的数组语法，在定义变量值时。

由于您尚未更新您的问题以阐明您希望它采用哪种方式，成为真正的数组或按原样使用对象，我将提供两者的版本。

数组版本

这个版本使用一个真正的数组，包含带有选择器键的对象和带有类型键和颜色值的子对象的值

var cake = [
    {
        '.this-is-a-class' : {
            type:'color'
        }
    }
];

cake.push({
    '.cake-in-orlando' : {
        color : 'red'
    }
});

console.log(cake);

对象版本

此版本使用原始对象，并将新的“选择器”添加到现有的“选择器”子对象中。

var cake = {
    selectors : {
        '.this-is-a-class' : {
            type:'color'
        }
    }
};


cake.selectors['.cake-in-orlando'] = { color : 'red' };

console.log( cake );

【讨论】：