如何替换初始化对象？

Question

我有以下jQuery代码，它是在页面加载时启动的。它开始幻灯片放映。

$(document).ready(function() {

    $.dothis({
        option:1,
        option:2,
        slides:[
            {image:'img1.jpg'},
            {image:'img2.jpg'}
        ]
    });

});

现在我想在用户点击页面正文时添加/删除图片。如何在幻灯片中添加/删除项目：[]对象？或者我如何一起替换这个对象？

Answer 1

var slideoptions = {
    option:1,
    option:2,
    slides:[
        {image:'img1.jpg'},
        {image:'img2.jpg'}
    ]
};

$(document).ready(function() {

    $.dothis(slideoptions);

});

// push new image into slides array
slideoptions.slides.push({ 'image' : 'someimg.jpg' });

Answer 2

您可以使用jQuery $.extend API将一个对象复制到另一个对象

var slideoptions = {
    option:1,
    option:2,
    slides:[
        {image:'img1.jpg'},
        {image:'img2.jpg'}
    ]
};

var modifiedSlideObj = {   
    option: 4,
    slides: [
        {image:'img3.jpg'},
        {image:'img4.jpg'}
    ]
};

$.extend(slideoptions, modifiedSlideObj);

alert(slideoptions.slides[0].image);