javascript - オブジェクトを空の配列に挿入する

Question

以下のコードを実行すると問題が発生します。stock50名前と番号（空ではない）を持つ50個のオブジェクトを含む非常に通常の配列です。

AAA, BBB, CCC, DDDconsole.log ではすべて正常に見えますが、EEE9 つの要素しか表示されず、最後の要素は未定義です。9 を任意の数字に変更しようとしましたが、最後の数字は常に未定義と表示されます。ただし、JsFiddle では問題ありません。

stock50 配列は以下の通りです ....

runStockDraw : function(option){
  var pickingStock = stock50,
      tempArray = function(){
        var array =[],
            i = 0;

        while(i<10){
       // AAA  console.log(array[i-1]);
       // BBB  console.log(i);
          array[i] = {};
       // CCC  console.log(array[i]);
          array[i] = $.extend({},stock50[i]);
       // DDD  console.log(array[i]); 
          i++;
        }
       // EEE  console.log(array);
        return array; 
      }();


  var updateData = function(){
    var i = 0,j=0,
        temp = tempArray.shift(),