Lo siento por esto, tal vez es una pregunta fácil y básica.
Obtengo resultados de un punto final, pero algunos de estos valores pueden estar vacíos, luego en mi pantalla aparece "indefinido"
¿Cómo puedo verificar un código limpio si parte del valor no está definido y luego no muestra nada?
myvalues() { if (!this.myendpointdata) { return ''; } const { value1, value2, value3, value4 } = this.myendpoindata.master.values; return `${value1} ${value2} ${value3} ${value4}`; }Este es mi código. Y, por ejemplo, value2 muestra indefinido
Puede establecer cadenas vacías si sus valores no están undefined
myvalues() { if (!this.myendpointdata) { return ''; } const { value1, value2, value3, value4 } = this.myendpoindata.master.values; return `${value1 || ""} ${value2 || ""} ${value2 || ""} ${value4 || ""}`; }También puede recorrer valores y filtrar valores no indefinidos para mostrarlos
myvalues() { if (!this.myendpointdata) { return ''; } const { value1, value2, value3, value4 } = this.myendpoindata.master.values; const values = Object.values({ value1, value2, value3, value4 }); return values.filter(value => !value).join(" "); }Puedes usar operaciones ternarias:
return `${value1 ? value1 : ''} ${value2 ? value2 : ''} ${value3 ? value3 : ''} ${value4 ? value4 : ''}`;