Un modo semplice per appiattire questo array?

Question

Ho questa matrice:

[{name: 'email',value: 'a@b.com'}, {name: 'phone',value: '123-123-1234'}] 

ho bisogno di trasformarlo in questo:

{email: 'a@b.com', phone: '123-123-1234'} 

Come posso fare questo? Immagino di poter fare un milione di iteratori per portare a termine il lavoro, ma penso che forse c'è un modo più pulito per farlo.

Sto usando Underscore e jQuery se questo aiuta.

Answer 1

Esistono diversi modi per eseguire questa operazione.

Uno sta usando Array.prototype.map:

var arr = [{name: 'email',value: 'a@b.com'}, {name: 'phone',value: '123-123-1234'}]; 
var obj = {}; 
arr.map(function (item) { 
    var key = item.name; 
    var value = item.value; 
    if (!obj[key]) { 
     obj[key] = value; 
    } 
}); 
console.log(obj); 

Come notato nei commenti e altra risposta, .reduce(), .forEach() o un semplice ciclo for può ottenere il lavoro fatto pure.

Answer 2

UnderscoreJS è semplicemente fantastico, e si può usare _.map. Vedere il codice qui sotto:

var existingObject = [{name: 'email',value: 'a@b.com'}, {name: 'phone',value: '123-123-1234'}]; 
var selectedObject = _.map(existingObject, function(obj) { 
    var retObj = { }; 
    retObj[obj["name"]] = obj["value"]; 
    return retObj; 
}); 

console.log(selectedObject); 

Answer 3

Array.prototype.reduce è abbastanza carino per questo tipo di manipolazione:

var items = [{name: 'email',value: 'a@b.com'}, {name: 'phone',value: '123-123-1234'}] 

var data = items.reduce(function (result, item) { 
    result[item.name] = item.value; 

    return result; 
}, {});