遍歷一個javascript嵌套對象的JavaScript

Question

這是我的目標看起來像在控制檯：

for (var key in user_data) { 
    console.log(key); 
} 

返回「的玩家：

Object 
players: Array[5] 
    0: Object 
     user_c_x: 0 
     user_c_y: 25.1 
     username: "shuraa" 
     __proto__: Object 

    1: Object 
     user_c_x: 0 
     user_c_y: 25.1 
     username: "maarten" 
     __proto__: Object 

    2: Object 
     user_c_x: 0 
     user_c_y: 25.1 
     username: "maarten2" 
     __proto__: Object 

    3: Object 
     etc. 

我'利用試圖遍歷所有的對象」。我似乎無法訪問'下面'的數組。

有人能幫助我訪問user_c_x，user_c_y和用戶名的值嗎？

Answer 1

for (var key in user_data)將返回user_data中屬性的名稱，以便您可以使用它獲取實際屬性值。

你是如何循環取決於你是否知道玩家肯定是屬性的名稱，或者它是否可以有任何名字。

我假設你USER_DATA物體看起來像下面這樣：

var user_data = { 
    players: [ 
     { 
       user_c_x: 0, 
       user_c_y: 25.1, 
       username: "shuraa" 
     }, 
     { 
       user_c_x: 0, 
       user_c_y: 25.1, 
       username: "maarten" 
     }, 
     { 
       user_c_x: 0, 
       user_c_y: 25.1, 
       username: "maarten2" 
     } 
    ] 
}; 

如果你知道的結構，可以直接訪問它：

for(var playerIndex in user_data.players) 
{ 
    var player = user_data.players[playerIndex]; 
    console.log("username: ", player.username); 
} 

如果你不知道這個名字，你可以如下嵌套for循環：

for(var key in user_data) 
{ 
    for(var playerIndex in user_data[key]) 
    { 
     var player = user_data[key][playerIndex]; 
     console.log("username: ", player.username); 
    } 
} 

Answer 2

如果你分享你的對象，但基於控制檯數據players是一個數組，它會更容易。那麼，包含了var它應該是這樣的：

var players =[ {user_c_x: 0, user_c_y: 25.1, username: "shuraa"}, {user_c_x: 0, user_c_y: 25.1, username: "maarten"} ]; 

因此循環扔你可以使用一個簡單for(i=0;i<players.length;i+=)

for(i=0;i<players.length;i++){ 
    console.log(players[i].username); 
} 

Answer 3

的Javascript

var players =[ {user_c_x: 0, user_c_y: 25.1, username: "shuraa"}, {user_c_x: 0, user_c_y: 25.1, username: "maarten"} ] 
for (var i=0; i<players.length; i++) { 
    for(var innerObj in players[i]) 
    { 
     $("body").append(innerObj +":"+players[i][innerObj] +"<br />"); 
    } 
} 

DEMO