通过插入标签创建一个新的对象数组

Question

我想改变这个对象数组

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'/>"
                           ]
                },
               ]

以防万一你想知道为什么，我正在尝试从 semantic-ui-react 中集成手风琴组件。检查this...

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

Answer 1

我试了一下，我想这就是你要找的：

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 = arr.map(function(obj) {
  return {
    title: "<Label color='blue' content='" + obj.title + "'/>",
    content: obj.content.map(function(c) {
      return "<Message content='" + c + "'/>";
    })
  };
});

console.log(newArr);

通过插入标签创建一个新的对象数组

Create a new array of objects by inserting tags

javascript

arrays

object

semantic-ui-react