Cómo renombrar variables en la destructuración de Javascript

La destructuración es una de las características más útiles de Javascript, ya que permite extraer valores de arrays y objetos con una sintaxis muy compacta y legible. Sin embargo, a veces nos encontramos con nombres de variables que no son muy descriptivos o que entorpecen la lectura del código.

Afortunadamente, la destructuración también nos permite renombrar estas variables de una manera sencilla y clara.

Para renombrar una variable en la destructuración, simplemente utilizamos la sintaxis de asignación con dos puntos (:) para indicar el nuevo nombre de la variable. Por ejemplo, si queremos extraer el valor de una propiedad llamada nombreCompleto de un objeto y renombrarla a nombre, podemos hacer lo siguiente:

const persona = { nombreCompleto: 'Juan Pérez', edad: 30 };
const { nombre: nombrePersona } = persona;

console.log(nombrePersona); // 'Juan Pérez'