DEV Community

Eduardo Donato
Eduardo Donato

Posted on • Edited on

Desestruturação para variáveis já existentes

É possível utilizar desestruturação para variáveis ao invés de sempre criar novas.

Por exemplo, caso tenhamos um objeto como o a seguir:

const user = { name: "Eduardo", age: 39 };
Enter fullscreen mode Exit fullscreen mode

Podemos fazer a desestruturação com a seguinte sintaxe:

const { name, age } = user;

console.log(name); // Eduardo

console.log(age); // 39
Enter fullscreen mode Exit fullscreen mode

Porém se as variáveis name e age já tiverem sido declaradas no mesmo escopo, será necessário desestruturar e renomear ao mesmo tempo:

const { name: newName, age: newAge } = user;

console.log(newName); // Eduardo

console.log(newAge); // 39
Enter fullscreen mode Exit fullscreen mode

Para atribuir a desestruturação para as variáveis declaradas anteriormente, utiliza-se a seguinte sintaxe (parênteses na declaração):

let name = "Fulano",
  age = 22;

({ name, age } = user);

console.log(name); // Eduardo

console.log(age); // 39
Enter fullscreen mode Exit fullscreen mode

Atualização: também funciona com arrays. Inclusive, nesse caso, utilizando ; no fim das sentenças, não é necessário o parênteses.

Top comments (0)