Question

假设我在这里有以下对象：

var options = {
    'chart': {
        'backgroundColor': 'transparent',
        'chartArea': {
            'backgroundColor': 'transparent'
        },
        'seriesType': 'line',
        'curveType': 'function'
    }};

我想稍后追加索引displayRangeSelector的新值，我该怎么做？

Answer 1

它不是一个数组，它是一个对象文字，你可以添加属性，如下所示：

options.chart['displayRangeSelector']='value';
//OR
options.chart.displayRangeSelector='value';

希望这有帮助。

var options = {
    'chart': {
        'backgroundColor': 'transparent',
        'chartArea': {
            'backgroundColor': 'transparent'
        },
        'seriesType': 'line',
        'curveType': 'function'
    }};

options.chart['displayRangeSelector']='value';
console.log(options.chart);

Answer 2

这是一个对象，而不是数组。

你可以试试这个：

options.chart['foregroundColor'] = "blue";

或者

options.chart.foregroundColor = "blue";
options.chart.chartArea.foregroundColor = "blue";

Answer 3

如果你正在使用Jquery，你可以扩展你的对象

例如

    var options = {
        'chart': {
            'backgroundColor': 'transparent',
            'chartArea': {
                'backgroundColor': 'transparent'
            },
            'seriesType': 'line',
            'curveType': 'function'
        }};


    var newChartProperty = {    
            'displayRangeSelector':'value'
    }

    $.extend(options.chart,newChartProperty);

/*Your new object will look like 
    {
        'chart': {
            'backgroundColor': 'transparent',
            'chartArea': {
                'backgroundColor': 'transparent'
            },
            'seriesType': 'line',
            'curveType': 'function',
            'displayRangeSelector':'value'
        }};
*/

编辑对象jQuery的属性

3 个答案: