javascript - Javascript配列のプッシュで望ましい結果が得られない

Question

私が抱えている問題は、項目が自動的にグループ化されている配列にプッシュまたはシフト解除するときです。非常に奇妙です。ループがうまくまとめられていないと推測し、多かれ少なかれ実験しています。どんな助けも大歓迎です。

   var i;
   var anObject:/*is created dynamically in a loop for instance I load random images
   and push into  ' myArray'. My myaArray should
   look like this:["image1,image3,image2,image3,image2] but instead 
   im getting:["image1,image3,image3,image2,image2] there grouping up for some reason,
   But i dont   want them too*/


  var BookH = []; 

  function create(){ 
  for (var i=0; i<10; i++){
   var object;
    var tempObject;
    var loader = new THREE.OBJMTLLoader();
    loader.load( 'mod/'+mysqlVars[i].Format+'.obj','mod/bookH.mtl') ;
    loader.addEventListener( 'load', function ( event ) {
           object = event.content;
           for(k in object.children){
               object.children[k].castShadow = true;
               object.children[k].receiveShadow = false;

           } 

          tempObject = object.clone();
          BookH.push(tempObject);
          console.log('mod/'+mysqlVars[9].Format);
          if(BookH.length == 10){
               populate();
           }
         });
    }

    /////////counter loop///
}