将数组转换为给定类型的对象数组答案

【问题标题】：convert array into given type of array of object将数组转换为给定类型的对象数组
【发布时间】：2020-07-31 08:01:28
【问题描述】：

我有一个类型的数组：-

const arr = ['abc','def','ghi'];

但我希望这个数组的形式为

const arr2 = [
    {value: 'abc'},
    {value: 'def'},
    {value: 'ghi'},
];

我没有这样做的想法。

【问题讨论】：

简单的map
显示你尝试过的，它是一个简单的循环
投票重新开放，因为这个问题很明确且重点突出，但也许我遗漏了一些东西。那些因为“需要更加专注”而选择关闭它的人会愿意解释吗？

标签： javascript arrays node.js reactjs react-native

【解决方案1】：

使用 map 函数生成所需类型的新数组

供您参考，Array.prototype.map()

const arr=['abc','def','ghi'];
const arr2 = arr.map(item => ({value: item}));
console.log(arr2);

【讨论】：

【解决方案2】：

你可以试试Array.prototype.map():

map() 方法创建一个新数组，其中填充了对调用数组中的每个元素调用提供的函数的结果。

var arr = ['abc','def','ghi'];
arr = arr.map(value => ({value}));
console.log(arr);

【讨论】：

【解决方案3】：

您可以使用map 将数组的每一项转换为另一个值。

const arr = ['abc', 'def', 'ghi'];

const arr2 = arr.map(value => ({ value: value })

// const arr2 = [
//   { value: "abc" },
//   { value: "def" },
//   { value: "ghi" }
// ];

如果你想变得聪明，你可以把它简化为

const arr2 = arr.map(value => ({ value })

见Array.prototype.map

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/map

【讨论】：

【解决方案4】：

我更喜欢更优雅的方式：

Array.from(arr, (v) => {return {value: v};})

【讨论】：