javascript - 如何将 Javascript 对象列表动态创建为逗号分隔的对象

Question

如何在 Javascript 中的另一个对象中创建逗号分隔的对象列表？至少那是我想我正在努力做的。

我要寻找的最终结果是这样的:

var endresult = { 'MD': { fill: 'yellow' }, 'VA': { fill: 'blue' }, 'IL': { fill: 'red' }, 'SC': { fill: 'green' } };

我尝试过使用数组、创建类、Array.join()、创建多个字符串和连接。我也尝试过创建键对象值对，但我似乎无法成功创建一个。

一般目标是获取状态和颜色变量的列表，将它们传递给一类键:对象值对，然后将这个新的实例化对象添加到列表中，然后将其传递到变量 endresult 中提供的示例代码的语法。

在此先感谢(我有一种感觉，我要接受教育了)。

Answer 1

给定两个数组，一个包含状态，另一个包含颜色名称，您可以使用此函数获得最终结果:

function combine(states, colors) {
    return colors.reduce( (result, color, i) => 
        Object.assign(result, { [states[i]]: { fill: color } }), {});
    
}

// sample data
var states = ['MD', 'VA', 'IL', 'SC'];
var colors = ['yellow', 'blue', 'red', 'green'];

// convert
var result = combine(states, colors);

// output
console.log(result);