javascript - 如何通过 "foreign key"关系组合json对象

Question

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

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

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

我想使用普通的 ole javascript 将这两个对象组合成一个对象，其中 id 在成员数组中，这样我就可以得到一个像具有 Angular 色的对象作为顶级节点，然后在下面列出该 Angular 色的用户.

容易做到吗？

Answer 1

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

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]];

现在 Angular 色中的成员是对用户的引用，而不仅仅是 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" }] }
]

您可以像这样在 Angular 色中引用用户名:

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

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