循環並根據ID陣列內把陣列發生故障

Question

http://jsfiddle.net/rw0z9e2j/

var sports = [{ 
    "id": 1, 
     "name": "baseball" 
}, { 
    "id": 2, 
     "name": "Football" 
}]; 

var playersData = [{ 
    "sport_id": 2, 
     "id": "nv12", 
     "name": "James" 
}, { 
    "sport_id": 2, 
     "id": "nv11", 
     "name": "Jean" 
}]; 

var arr = [], 
    tempObj = {}; 

$.each(sports, function (i, obj) { 
    var sport_id = obj.id; 

    $.each(playersData, function (i, obj) { 
     if (sport_id == obj.sport_id) { 
      tempObj = { 
       "sport_id": obj.sport_id, 
        "id": obj.id, 
        "name": obj.name 
      }; 
      arr.push(tempObj); 
     } 

    }); 
    obj.players = arr; 
}); 

console.log(sports); 

我嘗試建立玩家的數組，並根據sport_id但上述邏輯未能把他們中體育組。 它沒有正確的組合，在sport_id = 1的球員應該去參加它的id = 1的運動，但爲什麼它沒有？

上面的循環有什麼問題嗎？

Answer 1

你聲明你的臨時vars的循環外，這些應該作用域爲您的循環和每次操作後扔掉。

var arr = [], 
    tempObj = {}; 

http://jsfiddle.net/samternent/rw0z9e2j/2/

Answer 2

我想這是你想要什麼：

var sports = [{ 
 
    "id": 1, 
 
    "name": "baseball" 
 
}, { 
 
    "id": 2, 
 
    "name": "Football" 
 
}]; 
 

 
var playersData = [{ 
 
    "sport_id": 2, 
 
    "id": "nv12", 
 
    "name": "James" 
 
}, { 
 
    "sport_id": 2, 
 
    "id": "nv11", 
 
    "name": "Jean" 
 
}]; 
 

 
sports.forEach(function (a) { 
 
    var arr = []; 
 
    playersData.forEach(function (b) { 
 
     if (a.id == b.sport_id) { 
 
      arr.push(b); 
 
     } 
 
    }); 
 
    a.players = arr; 
 
}); 
 

 
document.write('<pre>' + JSON.stringify(sports, 0, 4) + '</pre>');

Answer 3

你必須把它推後：

arr.push(tempObj); 
obj.players = arr; 

---

其實你需要這樣的：

var sports = [{ 
 
    "id": 1, 
 
     "name": "baseball" 
 
}, { 
 
    "id": 2, 
 
     "name": "Football" 
 
}]; 
 

 
var playersData = [{ 
 
    "sport_id": 2, 
 
     "id": "nv12", 
 
     "name": "James" 
 
}, { 
 
    "sport_id": 2, 
 
     "id": "nv11", 
 
     "name": "Jean" 
 
}]; 
 

 
var arr = []; 
 

 
$.each(sports, function (i, obj) { 
 
    $.each(playersData, function (i, player) { 
 
     if (obj.id === player.sport_id) { 
 
      var tempObj = { 
 
       "sport_id": player.sport_id, 
 
        "id": player.id, 
 
        "name": player.name 
 
      }; 
 
      arr.push(tempObj); 
 
      obj.players = arr; 
 
     } 
 

 
    }); 
 
    
 
}); 
 

 
console.log(sports);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

Answer 4

希望你想把體育組裏面，有你的播放器陣列裏面添加，請注意，所以請致電

obj.sports = arr; 

希望它可以解決你的問題。