javascript - 创建逗号分隔对象列表的最短方法

标签 javascript reactjs

<分区>

我有一个对象数组

const options = [
  { value: 'opt1', label: 'Lopt1' },
  { value: 'opt2', label: 'Lopt2' },
  { value: 'opt3', label: 'Lopt3' },
  { value: 'opt4', label: 'Lopt4' }
]

在 javascript/react 中创建对象列表的最短方法是什么

const result = {[Lopt1]: opt1, [Lopt2]: opt2, [Lopt3]: opt3, [Lopt4]: opt4}

最佳答案

您可以将 reduce 与空对象的默认值一起使用,该空对象是您使用 label 作为键和 value 作为值构建的。

const options = [
  { value: "opt1", label: "Lopt1" },
  { value: "opt2", label: "Lopt2" },
  { value: "opt3", label: "Lopt3" },
  { value: "opt4", label: "Lopt4" }
];

const result = options.reduce((acc, el) => {
  acc[el.label] = el.value;
  return acc;
}, {});

console.log(result);

关于javascript - 创建逗号分隔对象列表的最短方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55282086/

相关文章:

javascript - knex 查询生成器和链中调用方法的顺序

javascript - 在 ES6 中使用词法 this

javascript - firebase如何获取过滤后的文档

c# - 在站点中嵌入 Cgi 视频

html - 如何在 React 中执行多个 if else 语句?

javascript - 为什么对象出现未定义?

javascript - 如何使用 JavaScript 匹配我所在窗口的当前 URL 中的字符串?

javascript - ES2015 类是 "not autobind"吗?

javascript - 有没有办法在没有 setState 的情况下重新渲染功能性 React.js 组件?

arrays - 使用 react 钩子(Hook)在 REACTJS 中使用数组填充动态下拉列表的步骤