编辑对象jQuery的属性答案

【问题标题】：Edit attribute of object jQuery编辑对象jQuery的属性
【发布时间】：2016-06-12 17:44:21
【问题描述】：

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

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

我想稍后为索引 displayRangeSelector 添加一个新值，我该怎么做？

【问题讨论】：

标签： javascript jquery indexing append

【解决方案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);

【讨论】：

我好像把它理解为一个数组，我继续编辑问题，谢谢你的回答

【解决方案2】：

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

你可以试试这个：

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

或者这个

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

【讨论】：

【解决方案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'
        }};
*/

【讨论】：