在这种情况下，如何从数组创建数组？

Question

我正在尝试创建多个对象数组，每个键都在对象中。

如何生成预期的输出(如初始数组所示)？

初始数组：

[{
    title: 'Linus tech tips',
    name: 'Linus',
    id: 'SA946',
  },
  {
    title: 'Linus tech tips',
    name: 'Colton',
    id: 'SA947',
  }
];

预期产出：

[{
  text: 'Linus tech tips',
}, {
  text: 'Linus',
}, {
  text: 'SA946',
}, ],

[{
  text: 'Linus tech tips',
}, {
  text: 'Colton',
}, {
  text: 'SA947',
}, ],

Answer 1

您可以使用array.map来实现这一点。请看一看：

​

const initial = [
  {
    title: 'Linus tech tips',
    name: 'Linus',
    id: 'SA946',
  },
  {
    title: 'Linus tech tips',
    name: 'Colton',
    id: 'SA947',
  },
];

const expected = initial.map(
  (item) => Object.values(item).map(
    (itemValue) => ({ text: itemValue }),
  ),
);

console.log(expected);

​

Answer 2

您需要对键进行迭代，然后将数组扁平化。

[{
title: 'Linus tech tips',
name: 'Linus',
id: 'SA946',
},
{
title: 'Linus tech tips',
name: 'Colton',
id: 'SA947',
}].map(
    item => {
        return Object.keys(item).map(
            key => {
                return {text: item[key]}
            }
        )
    }
).flat()

[
  {
    "text": "Linus tech tips"
  },
  {
    "text": "Linus"
  },
  {
    "text": "SA946"
  },
  {
    "text": "Linus tech tips"
  },
  {
    "text": "Colton"
  },
  {
    "text": "SA947"
  }
]

或者，如果希望将项目分开，请不要在末尾使用flat()：

[
  [
    {
      "text": "Linus tech tips"
    },
    {
      "text": "Linus"
    },
    {
      "text": "SA946"
    }
  ],
  [
    {
      "text": "Linus tech tips"
    },
    {
      "text": "Colton"
    },
    {
      "text": "SA947"
    }
  ]
]