如何循环遍历数组并使用react和javascript创建对象数组

Question

我想循环遍历一个数组元素，并用它的值创建一个对象数组。

下面是来自api查询的数组示例。

const array = [
"first",
"second",
]

现在我想创建一个像下面这样的对象数组

const arr_obj = [
{
label: "first",
value: "first",
}
{
label: "second",
value: "second",
}
]

我试过低于

const arr_obj = React.useMemo(() => {
const output = arr.forEach(item => { //error
return {
label: item,
value: item,
}
}, [arr]});

但这给出了错误arr可能是未定义的或null，而且我认为这不是从数组元素创建具有标签、值对的对象数组的方法。

有人能帮我做这个吗。谢谢

Answer 1

使用Array.map:

const array = [
"first",
"second",
]
const res = array.map(e => ({
label: e,
value: e
}))
console.log(res)

Answer 2

为什么不试试这个？

const array = [
"first",
"second",
]
let arr_obj = []
for (let i in array) {
arr_obj.push({
label: array[i],
value: array[i],
})
}
console.log(arr_obj)