title: knockout mapping toJS bug? empty array items
body: <p>With knockoutjs mapping plugin 2.11, I found that ko.mapping.toJS generated empty array items if viewmodel (with an array element) is updated with ko.mapping.fromJS and the new array element's length is longer than the old one.</p>
  
  <p>My initial data mapped is:</p>
  
  <pre><code>var initData = {text: 'Some Text', 
                  arr: [{key: 1, value: 'a'}, 
                        {key: 2, value: 'b'}]};
  </code></pre>
  
  <p>Then I updated view model with a new object:</p>
  
  <pre><code>var newData = {text: 'Changed Text', 
                  arr: [{key: 1, value: 'aa'}, 
                        {key: 12, value: 'bb'},
                        {key: 13, value: 'cc'}]};
  </code></pre>
  
  <p>After that I called ko.mapping.toJS(), I found that the 3rd array item is an empty object.
  I am not sure if this is a bug or I missed something. Another thing I noticed is, it happens only first time I update data. If I update view model with initData then newData again, the result is correct. <a href="http://jsfiddle.net/gonglei/xgPSq/" rel="nofollow">http://jsfiddle.net/gonglei/xgPSq/</a></p>
  
  <p>edit:
  Thanks for your answer Jason. Your solution seems not fit my situation in my real project. I need to retrieve the modified data object and send it to server. So when the moment I call ko.mapping.toJS I hope I can get the correct data object right away, not just show the JSON string in a computed function. I put a break point right after the call to ko.mapping.toJS and watch the data object and the 3rd element is indeed empty. And my server did receive this empty element. The throttle extender did get me correct object, but it is async way. Anyway I reported it as a bug, see if the developer can confirm it or give me a solution.</p>