javascript - 如何通过“外键”关系组合json对象

Question

我有两个对象从两个不同的休息资源返回。

{
"id": 1,
"username": "jdoe"
}

{
"role_id": 1,
"role": "developer",
"members": [
    1,
    3,
    5
]
}

我想使用普通的 ole javascript 将这两个对象组合成一个对象，其中 id 在 members 数组中，这样我就可以得到一个对象，比如将角色作为顶部节点，然后在下面列出该角色的用户。

轻松搞定？

Answer 1

几周前我遇到了一个类似的问题，我想将一组 10 个 AJAX 调用组合在一起。一个简单的方法是根据这些id值创建一个查找表，然后使用该查找表来组合结果。这是一个使用多个用户和多个角色的示例：

var users = [
    { "id": 1, "username": "jdoe" },
    { "id": 3, "username": "dbob" },
    { "id": 5, "username": "jske" }
];
var roles = [
    { "role_id": 1, "role": "developer", "members": [1,3,5] },
    { "role_id": 2, "role": "admin", "members": [5] }
];

// create lookup table
for (var i = 0; i < users.length; i++)
    users.lookup[users[i].id] = users[i];

// populate members from users with lookup table
for (var i = 0; i < roles.length; i++)
    for (var j = 0; j < roles[i].members.length; j++)
        roles[i].members[j] = users.lookup[roles[i].members[j]];

现在角色中的成员是对用户的引用，而不仅仅是 id：

[
  { "role_id": 1, "role": "developer", "members":
    [{ "id": 1, "username": "jdoe" },
     { "id": 3, "username": "dbob" },
     { "id": 5, "username": "jske" }] },
  { "role_id": 2, "role": "admin", "members": 
    [{ "id": 5, "username": "jske" }] }
]

您可以像这样引用角色中的用户名：

for (var i = 0; i < roles[0].members.length; i++)
    alert(roles[0].members[i].username);

演示：http: //jsfiddle.net/2aqR5/1/