初期化されたオブジェクトを置き換えるにはどうすればよいですか？

Question

次のjQueryコードは、ページの読み込み時に開始されます。スライドショーを開始します。

$(document).ready(function() { 

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

}); 

ここで、ユーザーがページの本文をクリックしたときに画像を追加/削除します。スライド[：]オブジェクトに項目を追加/削除するにはどうすればよいですか？または、このオブジェクトをすべて一緒に置き換えるにはどうすればよいですか？あなたが別のオブジェクトをコピーするためにjQueryの$.extend APIを使用することができます

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

、

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