javascript - 对象文字 - 添加项目

Question

我的代码中有这个：-

var chartOptions = {
      series: {
               bars: { show: true }
              }
};

有没有办法我可以通过代码将另一个项目添加到 chartOptions 对象，以便将它添加到系列部分，如下所示：-

series: {
    bars: {show: true, fillColor="Red"}
}

我该怎么做呢？我期待类似的东西： -

chartOptions["series"]["bars"]["fillColor"] = "Red"

但这不起作用。我对此很陌生，因此将不胜感激任何帮助。

马特

Answer 1

您可以通过使用:而不是内联添加它=

series: {
    bars: {show: true, fillColor: "Red"}
}

或者，您可以使用jQuery.extend()JavaScript 将其添加到代码中：

chartOptions.series.bars.fillColor = "Red";

您的代码chartOptions["series"]["bars"]["fillColor"] = "Red"也应该可以工作，但它是处理数组时的符号。处理对象时通常使用点表示法。不过，这两种表示法大多是可以互换的。

Answer 2

function extend(destination, source) {
    for (var property in source) {
        destination[property] = source[property];
    }

    return destination;
}

var chartOptions = {
    series: {
        bars: {
            show: true
        }
    }
};

Object.extend(chartOptions.series.bars, {
    fillColor: "Red"
});

console.log(chartOptions);

​</p>

Answer 3

看看这个 jsfiddle：http: //jsfiddle.net/5KMfy/4/

我写了 2 个工作示例，有和没有 jQuery，希望这会有所帮助。