javascript - 使用 jQuery 和 Javascript 获取数组中的唯一项

Question

有一个问题(不是太复杂，但我似乎想不出一个明确的方法来解决)。

我有一个项目数组，其中有一个重复出现的 id，因此出于说明目的考虑:

[
    {name: "john", task: "dig"},
    {name: "john", task: "swim"},
    {name: "john", task: "eat"},
    {name: "paul", task: "dig"},
]

据此我想创建一个表，其中的列是名称 - 所以 John 和 Paul，然后下面是任务。

我想我需要 2 个 for 循环，但不确定第一个循环如何获得“唯一”名称。

我可以使用 jQuery 解决问题吗？

Answer 1

Array.prototype.reduce() :

var arr = 
[
    {name: 'john', task: 'dig'},
    {name: 'john', task: 'swim'},
    {name: 'john', task: 'eat'},
    {name: 'paul', task: 'dig'},
];
var result = arr.reduce(function(table, element)
{
    if(!table[element.name])
    {
        table[element.name] = [];
    }
    table[element.name].push(element.task);
    return table;
}, {});
// For demo:
document.write(JSON.stringify(result));