Tạo đối tượng từ foreach

Question

Tôi đang cố gắng để tìm ra nếu có một cách để viết lại đoạn mã này như một đối tượng sáng tạo duy nhất:

my_array = [ 
    {key: 1, value: "foo"}, 
    {key: 2, value: "bar"} 
]; 

let my_obj = {}; 
my_array.forEach((elem) => { 
    my_obj[elem.key] = elem.value; 
}); 

Những gì tôi muốn làm là một cái gì đó như:

my_array = [ 
    {key: 1, value: "foo"}, 
    {key: 2, value: "bar"}, 
]; 

const my_obj = ...? 

Có cách nào để thực hiện chuyển đổi một lần tương đương với cuộc gọi forEach không?

Answer 1

Bạn có thể đạt được điều này bằng Array.prototype.reduce():

var my_array = [{key: 1, value:"foo"}, {key: 2, value:"bar"}]; 
 
    
 
var my_object = my_array.reduce(function(prev, curr) { 
 
    prev[curr.key] = curr.value; 
 
    return prev; 
 
}, {}); 
 

 
console.log(my_object); // {"1": "foo", "2": "bar"}

---

Ngoài ra, sử dụng cú pháp ES6:

const my_object = my_array.reduce((prev, curr) => { 
    prev[curr.key] = curr.value; 
    return prev; 
}, {}); 

Answer 2

Bạn có thể sử dụng chức năng reduce. Nó sẽ làm việc như thế này:

my_array = [ 
 
    {key: 1, value: "foo"}, 
 
    {key: 2, value: "bar"} 
 
]; 
 

 
let my_obj = my_array.reduce(function(obj, elem) { 
 
    obj[elem.key] = elem.value; 
 
    return obj; 
 
}, {}); 
 

 
// my_obj = { "1": "foo", "2": "bar" }

Answer 3

Trong ES6, bạn có thể sử dụng Object.assign:

const obj = Object.assign({}, ...my_array.map(x => ({ [x.key]: x.value }))); 

// Or: 
const obj = Object.assign({}, ...my_array.map(({ key, value }) => ({ [key]: value }))); 

này chuyển mỗi { key: foo, value: bar }-{ foo: bar }, sau đó sử dụng Object.assign để ghép lại thành một đối tượng. (spread operator được sử dụng như Object.assign mong đợi một danh sách các biến đối số.)