Vue方法上的对象数组

Posted 2023-02-22

【中文标题】Vue方法上的对象数组

【英文标题】：Array of objects on Vue method

【发布时间】：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 还是我需要继续按索引调用索引？

【问题讨论】：

尝试通过该数组循环

【参考方案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)

【讨论】：

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