Devolver varios valores desde una función (desestructurar arrays)

En esta lección aprenderás a devolver varios valores desde una función usando un array, para recibir varios resultados juntos de una sola función. Está dirigida a quien busca «devolver varios valores desde una función en JavaScript».

Si una función devuelve un array y quien la llama lo desestructura, el código queda como si «se devolvieran varios valores a la vez». Imagínalo como «meter dos fichas, nombre y nota, en una caja y entregarla». Técnicamente una función de JavaScript solo puede devolver un valor, pero envolverlo en un array o un objeto te permite entregar en la práctica varios resultados agrupados.

El código de ejemplo hace que la función minMax devuelva un array, [mínimo, máximo], y quien la llama lo recibe con desestructuración, como const [min, max] = minMax(...). Si devuelves un objeto en lugar de un array, puedes ponerles nombre, como { min, max }, con un código de intención todavía más clara.

Un tropiezo habitual al empezar es el orden de las variables que reciben los valores desestructurados. Al devolver un array, el lado receptor debe alinear las variables en exactamente el mismo orden, y equivocarse asigna valores no deseados. Si cuesta saber qué significa cada valor, cambiar a un diseño que devuelva un objeto es una opción.

Diseñar con cuidado cómo se recibirá el valor devuelto te permite construir funciones fáciles de usar. Este estilo se usa mucho en proyectos reales para procesos donde un conjunto de valores va naturalmente junto, como unas coordenadas (x, y) o un rango (mínimo, máximo).