초기화 된 개체는 어떻게 바꿉니 까?

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

당신은 다른 하나의 개체,

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