Vue方法上的对象数组

【问题标题】：Array of objects on Vue methodVue方法上的对象数组
【发布时间】：2019-09-08 01:36:54
【问题描述】：

我有一个“Sorteio”类型的对象，其中有一个“Resultado”类型的对象向量，特别是 6 个 Resultados。我以这种方式实例化它们：

saveSorteio() {
      var data = {
        loteria: this.sorteio.loteria,
        resultados: [
          {
            valor: this.sorteio.resultados[0].valor,
            animal: this.sorteio.resultados[0].animal
          },
          {
            valor: this.sorteio.resultados[1].valor,
            animal: this.sorteio.resultados[1].animal
          },
          /* ... */
        ]
      };
}

是否有另一种方法可以一次实例化 6 还是我需要继续按索引调用索引？

【问题讨论】：

尝试通过该数组循环

标签： javascript arrays object vue.js

【解决方案1】：

您可以使用#array.map() 制作一个提取这些属性的数组：

saveSorteio() {
    var data = {
      loteria: this.sorteio.loteria,
      resultados = this.sorteio.resultados.map(({valor, animal}) => ({valor, animal}))

        /* ... */

    };
}

例如：

sorteio = {
    resultados: [
        {valor: "v1", animal: 'a1', somethingelse:"else"},
        {valor: "v2", animal: 'a2', somethingelse:"else"},
        {valor: "v3", animal: 'a3', somethingelse:"else"}
    ]
}
let newArray = sorteio.resultados.map(({valor, animal}) => ({valor, animal}))
console.log(newArray)

【讨论】：

谢谢！这就是我一直在寻找的答案。