Skip to main content
adicionou 90 caracteres ao conteúdo
Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

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 "exclusivo"específico do JSON". Você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.

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 "exclusivo do JSON". 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.

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.

Fonte Link
Luiz Felipe
  • 36,5mil
  • 10
  • 74
  • 154

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 "exclusivo do JSON". 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.