编辑对象的属性 jQuery

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

Edit attribute of object jQuery

javascript

indexing

jquery

append