javascript - 如何用 JavaScript 重构对象？

Question

如何将这个对象变成一个对象:

{
  "x1": {
    "src": "https://....png",
    "webp": "https://....webp"
  },
  "x2": {
    "src": "https://....png",
    "webp": "https://....webp"
  }
}

这个:

[
  {
    srcSet: 'https://....webp 1x, https://....webp 2x'
  },
  {
     srcSet: 'https://....png 1x, https://....png 2x'
  }
]

我坚持使用它，尝试了不同的对象方法，但总是得出相同的代码，但无法按我的预期工作。

Answer 1

您可以获取条目，然后将值映射到每个索引的键。

var data = { x1: { src: "https://....png", webp: "https://....webp" }, x2: { src: "https://....png", webp: "https://....webp" } },
    result = Object
        .entries(data)
        .reduce((r, [k, o]) => Object
            .values(o)
            .map((p, i) => ({ srcSet: [].concat(r[i] && r[i].srcSet || [], `${p} ${k}`).join(', ') })),
             []
        );

console.log(result);

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