Javascript 通过插入标记创建新的对象数组

我想更改此对象数组

const arr = [
   {title: "Title 1", content: ["Lorem", "ipsum", "dolor"]},
   {title: "Title 2", content: ["Lorem", "ipsum", "dolor"]},
   {title: "Title 3", content: ["Lorem", "ipsum", "dolor"]},
   {title: "Title 4", content: ["Lorem", "ipsum", "dolor"]}
]

转换为此格式

const newArr = [
                {
                  title: "<Label color='blue' content='Title 1' />", 
                  content: [
                           "<Message content='Lorem'/>", 
                           "<Message content='ipsum'/>", 
                           "<Message content='dolor'/>"
                          ]
                },
                ....
                ....
                {
                  title: "<Label color='blue' content='Title 4' />", 
                  content: [
                             "<Message content='Lorem'/>", 
                             "<Message content='ipsum'/>", 
                             "<Message content='dolor'/>"
                           ]
                },
               ]

const newArr=[
{
标题：“，
内容：[
"", 
"", 
""
]
},
....
....
{
标题：“，
内容：[
"", 
"", 
""
]
},
]

以防您想知道为什么，我正在尝试从语义ui react集成一个手风琴组件。退房

---

注意：请不要急于否决或将其标记为重复，因为我检查了很多问题，但它没有为这个特定问题提供任何解决方案。

我给了它一个机会，我想这就是您想要的：

const arr=[
{标题：“标题1”，内容：[“知识”、“益普生”、“多洛”]}，
{标题：“标题2”，内容：[“知识”、“益普生”、“多洛”]}，
{标题：“标题3”，内容：[“知识”、“益普生”、“多洛”]}，
{标题：“标题4”，内容：[“知识”、“益普生”、“多洛”]}
];
const newArr=arr.map（函数（obj）{
返回{
标题：“，
内容：obj.content.map（函数（c）{
返回“”；
})
};
});
控制台日志（newArr）您的新格式看起来像一个名为JSON的东西。您是否尝试过自己创建JSX？@Finiox格式完全相同，只是值发生了更改。@Rajesh。。我还在努力是的，这就是我想要的。。显然，这些值不应该是字符串，以使手风琴按预期工作。不过，其余的我都能应付。谢谢你的帮助