Cách đơn giản để làm phẳng mảng này?

Question

Tôi có mảng này:

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

tôi cần phải biến nó thành này:

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

Làm thế nào tôi có thể làm điều này? Tôi nghĩ tôi có thể làm một triệu lần lặp để hoàn thành công việc, nhưng tôi nghĩ có lẽ có một cách rõ ràng hơn để làm điều này.

Tôi đang sử dụng dấu gạch dưới và jQuery nếu điều đó có ích.

Answer 1

Có một số cách để thực hiện tác vụ đó.

Một là sử dụng 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); 

Như đã đề cập trong các ý kiến ​​và câu trả lời khác, .reduce(), .forEach() hoặc đơn giản cho vòng lặp có thể hoàn thành công việc là tốt.

Answer 2

Gạch dướiJS thật tuyệt vời và bạn có thể sử dụng _.map. Xem mã bên dưới:

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 là khá gọn gàng cho loại thao tác:

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; 
}, {});