Soy nuevo en VueJs y Typescript, así que tengo cuatro interfaces:
export interface ShipMethodResponse { companyTypeList: CompanyType[] } export interface CompanyType { companyTypeId: string companyTypeName: string companyList: Company[] } export interface Company { companyId: string companyTypeId: string companyName: string companyAbbreviation: string companyDescription: string companyWebsite: string shipMethodList: ShipMethod[] } export interface ShipMethod { shipMethodId: number companyId: string shipMethodName: string }Cada uno puede tener una matriz de la siguiente interfaz si lee de arriba hacia abajo.
Entonces, quiero insertar en una nueva matriz de una cadena la propiedad companyName de la interfaz Company , así que intento:
data() { return { shipMethodList: [] as string[], ... } }, methods: { async myMethod() { //companyTypeList is a CompanyType array var b = companyTypeList.map((e) => ({ companyList: e.companyList, })) for (const c of b) { var company = c.companyList.map((company) => ({ companyName: company.companyName, })) this.shipMethodList.push(company) } } }Pero cuando trato de empujar a la empresa, está arrojando
Argumento de tipo '{ companyName: string; }[]' no se puede asignar a un parámetro de tipo 'cadena'.
¿Cómo puedo crear una lista de todas las propiedades " companyName "? Saludos
Creo que el problema está aquí:
var company = c.companyList.map((company) => ({ companyName: company.companyName, })) Dices que quieres crear string[] , pero esa función de mapa crea { companyName: string }[]
Cámbialo por esto:
var allCompanyNames = c.companyList.map( company => company.companyName )ACTUALIZAR
Lo que realmente quieres es probablemente esto:
for (const c of b) { for(company of c.companyList) { this.shipMethodList.push(company.companyName) } }