javascript - 将数组作为键值添加到对象数组中

Question

我有一个对象数组，并且有一个简单数组，我想将一个简单数组变成一个键值并将其元素压入该对象的每个元素

const data = {

output: [
  {
    title: "\"Ради будущего своих детей\": Головкин назвал свой любимый 
     город и рассказал о семье",
    time: "10:22",
    image: "https://netstorage- 
     nur.akamaized.net/images/efcfd2c4b999
  },
  {
    title: "\"Изнасиловали, избили, шантажировали\": астанчанка стала 
     жертвой двоих мужчин",
     time: "10:08",
     image: "https://netstorage-
  },
],
href: [
  "https://www.nur.kz/1797318-radi-budusego-svoih-detej-golovkin-nazval- 
   svoj-lubimyj-gorod-i-rasskazal-o-seme.html",
  "https://www.nur.kz/1797004-iznasilovali-izbili-santazirovali- 
    astancanka-stala-zertvoj-dvoih-muzcin.html",
]}

我期望一个对象数组示例:

 output: [
{
  title: "",
  time: "",
  image: "",
  href: "",
},
{
  title: "",
  time: "",
  image: "",
  href: "",
 },
]

Answer 1

使用 map 。

const data = {
    output: [
      {
        title: "\"Ради будущего своих детей\": Головкин назвал свой любимый город и рассказал о семье",
        time: "10:22",
        image: "https://netstorage- nur.akamaized.net/images/efcfd2c4b999"
      },
      {
        title: "\"Изнасиловали, избили, шантажировали\": астанчанка стала жертвой двоих мужчин",
         time: "10:08",
         image: "https://netstorage-"
      },
    ],
    href: [
      "https://www.nur.kz/1797318-radi-budusego-svoih-detej-golovkin-nazval- svoj-lubimyj-gorod-i-rasskazal-o-seme.html",
      "https://www.nur.kz/1797004-iznasilovali-izbili-santazirovali-astancanka-stala-zertvoj-dvoih-muzcin.html",
    ]
};

const {output, href}= data;

const finalOutput = output.map((obj, i) => ({...obj, href: href[i]}));

console.log(finalOutput);

使用forEach循环 -

const data = {
    output: [
      {
        title: "\"Ради будущего своих детей\": Головкин назвал свой любимый город и рассказал о семье",
        time: "10:22",
        image: "https://netstorage- nur.akamaized.net/images/efcfd2c4b999"
      },
      {
        title: "\"Изнасиловали, избили, шантажировали\": астанчанка стала жертвой двоих мужчин",
         time: "10:08",
         image: "https://netstorage-"
      },
    ],
    href: [
      "https://www.nur.kz/1797318-radi-budusego-svoih-detej-golovkin-nazval- svoj-lubimyj-gorod-i-rasskazal-o-seme.html",
      "https://www.nur.kz/1797004-iznasilovali-izbili-santazirovali-astancanka-stala-zertvoj-dvoih-muzcin.html",
    ]
};

const {output, href}= data;

const finalOutput = [];

output.forEach((obj, idx) => {
    finalOutput.push({...obj, href: href[idx]});
});

console.log(finalOutput);