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.