使用 .map() 而不是 .forEach 创建对象

Question

以下是代表较大数据集的一小部分数据样本：const data = [    { id: 32, minimum: 200, maximum: 400 },    { id: 16, minimum: 370, maximum: 390 },    { id: 85, minimum: 700, maximum: 950 }];需要使用作为id键并以最小值和最大值作为值从该数据创建一个对象，如下所示：创建该对象的当前方法如下 -let object = {};data.forEach(o => {    object[o.id] = { min: o.minimum, max: o.maximum }});console.log(object);虽然这可行，但似乎应该有一种更简洁的方式来编写此代码。我已经尝试过.map()-const obj = data.map(o => ({[o.id]: { min: o.minimum, max: o.maximum }}));console.log(obj);但输出的格式不正确 -应该在.map()版本中更改哪些内容才能实现所需的输出格式？

Answer 1

// mapper simply creates the object that you want from the one that you have - id as the key and min and max are the values

const mapper = ({ id, minimum: min, maximum: max }) => ({ [id]: { min, max } });

const obj = data.reduce((acc, obj) => ({

   ...acc,

   ...mapper(obj)

}), {});

编辑：

虽然reduce 是执行此操作的正确方法 - 您将数组减少为单个事物，但JavaScript 允许您以多种方式执行操作。这是使用 map 和 的替代解决方案Object.assign：

const mapper = ({ id, minimum: min, maximum: max }) => ({ [id]: { min, max } });

const obj = Object.assign(...data.map(mapper));

Answer 2

您可以获取Object.fromEntries 并映射这些条目。

const

    data = [{ id: 32, minimum: 200, maximum: 400 }, { id: 16, minimum: 370, maximum: 390 }, { id: 85, minimum: 700, maximum: 950 }],

    result = Object.fromEntries(

        data.map(({ id, minimum: min, maximum: max }) => [id, { min, max }])

    );

console.log(result);

.as-console-wrapper { max-height: 100% !important; top: 0; }