我想将数组转换为自定义对象

Question

我有这样的字符串数组： 设 arr = ['HTML', 'CSS', 'JAVASCRIPT']

我已经使用 {...arr} 方法将该数组转换为一个对象，结果是： { 0: "HTML", 1: "CSS", 2：“JAVASCRIPT” } 我想要这种格式的结果，因为我使用的是 Fluent UI 反应下拉菜单，并且在选项内部，我们有具有自己的键和文本的对象数组。但是我不明白如何像这样自定义我的对象 -->

[
 {key: "HTML", text: "HTML"},
 { key: "CSS", text: "CSS" },
 { key: "JAVASCRIPT", text: "JAVASCRIPT" }
]

Answer 1

JavaScript 的 Array.map() 方法适用于这样的任务。有关详细信息，请参阅此 MDN page。

下面是满足您需求的示例解决方案。

const arr = ['HTML', 'CSS', 'JAVASCRIPT'];

const obj = arr.map(item => {
  return { key: item, text: item}
});

console.log(obj);

我想将数组转换为自定义对象

I want to Convert array into Custom Object

javascript

arrays

javascript-objects