通过嵌套对象的属性修改嵌套对象的数组答案

【问题标题】：Modify array of the nested objects by it's nested object's properties通过嵌套对象的属性修改嵌套对象的数组
【发布时间】：2021-10-27 15:33:25
【问题描述】：

我的数组中有以下结构。

const data = [
  {
    name: 'Book_1',
    value: {
      eng: 'english_book_1',
      sp: 'spanish_book_1'
    }
  },
  {
    name: 'Book_2',
    value: {
      eng: 'english_book_2',
      sp: 'spanish_book_2'
    }
  }
];

并试图得到这样的结构：

[
  {
    eng: {
      Book_1: 'english_book_1',
      Book_2: 'english_book_2'
    }
  },
  {
    sp: {
      Book_1: 'spanish_book_1',
      Book_2: 'spanish_book_2'
    }
  }
];

因此，数组应该有语言键和嵌套的书名，其中包含值。我尝试了几件事，但都接近了。

const modified = [];
const object = {};
data.forEach(el => {
  Object.entries(el.value).forEach(([name, value]) => {
    if (object['name']) {
    }
    modified.push(object);
  });
});
```

Thanks.

【问题讨论】：

顺便说一句，为什么要为语言和书籍对象设置一个数组？
Idk，它是预定义的，接收到的数据。

标签： javascript arrays object nested-object

【解决方案1】：

您可以通过为语言的对象获取一个对象来减少数组。

const
    data = [{ name: 'Book_1', value: { eng: 'english_book_1', sp: 'spanish_book_1' } }, { name: 'Book_2', value: { eng: 'english_book_2', sp: 'spanish_book_2' } }],
    result = Object.values(data.reduce((r, { name, value }) => {
        Object
            .entries(value)
            .forEach(([k, v]) => (r[k] ??= { [k]: {} })[k][name] = v);
        return r;
    }, {}));

console.log(result);

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

【讨论】：