编辑对象 jQuery 的属性

Edit attribute of object jQuery

本文关键字:属性 jQuery 对象 编辑      更新时间:2023-09-26

假设我这里有以下对象:

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

我想稍后为索引displayRangeSelector附加一个新值,我该怎么做?

它不是一个数组,它是一个对象文字,你可以像下面这样添加属性:

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);

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

你可以试试这个:

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

或者这个

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

如果你使用的是 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'
        }};
*/