-2

Dado um objeto x:

const x = { a: 1, b: 2, c: 3 };

e uma desestruturação:

const { a, b } = x;

Como faço para salvar esses campos desestruturados em um objeto que os agregue sem precisar fazer:

const y = {a, b};

Tentei fazer

const y = { a, b } = x;

mas y se torna uma referência para x, ou seja, x === y resulta em true

É possível fazer isso no ES6? Não achei nada a respeito na documentação da Mozilla

const x = { a: new Date(), b: ['foo', 'bar'], c: { name: 'John' } };
const y = { a, b } = x;

console.log(x === y);

1
  • 1
    Revertido, o escopo da pergunta não pode ser modificado depois de serem apresentadas respostas. Crie uma Nova Pergunta com outro escopo. Commented 15/05/2020 às 3:28

2 Respostas 2

5

Não é possível fazer isso. Pelo próprio nome do recurso — desestruturação —, você está removendo, desestruturando um objeto. Não há como usar um "desestruturador" como ferramenta para construir outros objetos.

O que você pode fazer é criar uma função que faz isso para você, como um pick:

function pick(obj, props) {
  const newObj = {};
  for (const prop of props) newObj[prop] = obj[prop];
  return newObj;
}

const obj = { a: 1, b: 2, c: 3 };
console.log(pick(obj, ['a', 'c']));

Seria muito interessante ter uma sintaxe da linguagem para resolver estes pontos que são importantes para mater a qualidade de um código e facilitar a manutenção.

Nesse caso, utilize TypeScript ou alguma outra linguagem. JavaScript nem sempre irá te garantir esse tipo de segurnaça.

Contudo, no caso de você estiver utilizando TypeScript, é possível criar algo um pouco mais complexo que irá te dar o intellisense de alguns editores como o VSCode:

function pick<Obj extends { [key: string]: unknown }, Props extends keyof Obj>(
  obj: Obj,
  props: Array<Props>
): { [key in Props]: Obj[key] } {
  const newObj: Pick<Obj, Props> = {} as Pick<Obj, Props>;
  for (const prop of props) newObj[prop] = obj[prop];
  return newObj;
}

const obj = { a: 1, b: 2, c: 3 };
const result = pick(obj, ['a', 'c']);
console.log(result);

Veja funcionando no TypeScript playground.

Ou pode usar bibliotecas que já existem, como a função pick, do Lodash, que também oferece esse comportamento de intellisense se você estiver usando TypeScript.

10
  • Obrigado pelo esclarecimento. Uma pena que essa funcionalidade não seja suportada nativamente (ou será que não). Você acha que é valido levar esse ponto para o ESNext? Commented 15/05/2020 às 0:56
  • Luiz Felipe é possível sim olhe a minha resposta pt.stackoverflow.com/a/451793/137387 Commented 15/05/2020 às 1:01
  • @Luiz Felipe O único incoveniente dessa solução é que os nomes das variaveis desestruturadas (passadas como array de strings para a função pick) não podem ser acessadas pelos intelli senses das IDEs e de alguns editores de textos como o VS Code, por exemplo. E isso para mim é algo que faz muita falta. O mesmo vale para a sua solução AugustoVasques Commented 15/05/2020 às 1:04
  • @MichaelPacheco, editei a resposta para tentar contornar esse problema. Commented 15/05/2020 às 1:15
  • @AugustoVasques, escolher propriedades para se criar um novo objeto e escolher propriedades que não vão fazer parte de um novo objeto são coisas diferentes. O primeiro deles, pick, é o que me parece que o AP precisa. O segundo – um tipo de exclude –, o que não me parece ser exatamente ao que o AP se referia, é algo diferente. Commented 15/05/2020 às 1:22
3

Sim é possível fazer isso no ES6.
É uma seleção por exclusão que combina a desestruturação com um parâmetro Rest.

O objeto original permanecerá inalterado enquanto o objeto resultante será criado com as propriedades do original exceto as que foram desestruturadas.

const x = { a: new Date(), b: ['foo', 'bar'], c: { name: 'John' } };

//Enumere a as propriedades não quer de x
//No parâmetro rest restará o objeto com o que lhe é necessário. 
const {c, ...y} = x;

console.log(y);
console.log(x); // x permanece inalterado. 

7
  • Uma boa sugestão mas ela se torna impraticável quando o objeto possui muitas chaves e a quantidade de campos indesejados é muito maior que a de desejados Commented 15/05/2020 às 1:02
  • 1
    @MichaelPacheco, mas a pergunta não é "Como atribuir o resultado de uma desestruturação de objeto para uma variável que contenha todos os campos desestruturados?" Está ai a resposta correta! E está provado que sim a linguagem permite fazer. Commented 15/05/2020 às 1:04
  • Bom, tecnicamente sim, mas no cenário que eu exemplifiquei no comentário anterior essa solução se torna impraticável. Imagine o caso em que você tenha um objeto com 1000 chaves e você quer desestruturar apenas 5 delas. Você iria enumerar todas as outras 995 para obter as que você deseja através do operador rest? Commented 15/05/2020 às 1:10
  • @MichaelPacheco Aponte onde na pergunta está exemplificado o que alega? Commented 15/05/2020 às 1:11
  • @MichaelPacheco e na pergunta que marcou como correta ocorre o mesmo problema de ter que enumerar as propriedades desejadas! Commented 15/05/2020 às 1:15

Você deve fazer log-in para responder a esta pergunta.

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