2

Não entendi como funciona a atribuição via desestruturação. É algo especifico do JSON?

Um exemplo do corpo de uma requisição ao Node.js:

{
  "title": "Caso 1",
  "description": "Detalhes do caso",
  "value": 1100
}
async create(request, response) {
  const { title, description, value } = request.body;
}

Para cada valor uma variável é criada.

1

1 Resposta 1

4

A atribuição via desestruturação é um recurso introduzido no ECMAScript 2015 (ES6). Ele é basicamente um syntactic sugar para obter valores de objetos ou arrays.

No seu exemplo, você está desestruturando as propriedades title, description e value do objeto request.body:

const body = {
  title: 'Sou o "Title"',
  description: 'Sou a "Description"',
  value: 'Sou o "Value"',
  foo: 'Foo'
};

const { title, description, value } = body;

console.log(title, description, value);

Perceba que o objeto pode ter mais propriedades. Só iremos obter, contudo, aquelas que desestruturamos.

A título de comparação, para fazer a mesma coisa em versões anteriores ao ES6, você teria que fazer:

const body = {
  title: 'Sou o "Title"',
  description: 'Sou a "Description"',
  value: 'Sou o "Value"',
  foo: 'Foo'
};

const title = body.title;
const description = body.description;
const value = body.value;

console.log(title, description, value);

Note que há uma significativa economia de linhas, que cresce à medida que desestruturamos mais propriedades. A sintaxe vai muito além disso, consulte a documentação para saber mais sobre os diversos casos-de-uso.

Há também desestruturação de arrays. Veja um simples exemplo:

const arr = [1, 2, 3, 4, 5];

const [one, two] = arr;

console.log(one, two);


Por fim, é importante dizer que isso não é algo "específico do JSON". JSON é um formato de transferência de dados compatível com objetos do JavaScript. Assim, você consegue desestruturar qualquer objeto ou array utilizando essas sintaxes. Veja o exemplo abaixo, que ilustra a desestruturação da propriedade name de uma função:

function doStuff() {}

const { name } = doStuff;

console.log(`O nome é: "${name}".`);

Enfim, é uma adição bem útil e que facilita basante.


Esta resposta explica como funcionam os nomes computados, um recurso mais complexo da atribuição via desestruturação.

0

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .