Destrutivo de objetos em JavaScript | Explicado

Em JavaScript, destruição de objetos é uma expressão de atribuição que permite acessar um valor de propriedade do objeto e vinculá -los a variáveis ​​separadas. Esta funcionalidade foi incorporada no JavaScript ES6 Versão, facilitando a extração das múltiplas propriedades de um objeto JavaScript com a execução de uma única linha.

Ao destruir um objeto, o nome da propriedade do objeto é utilizado como um nome de variável. Se o nome especificado não corresponder à propriedade do objeto, a operação de atribuição de destruição do objeto inicializará a variável com um “indefinido" valor. No entanto, você pode especificar um “valor padrão”Para uma propriedade de objeto inexistente com atribuição de destruição.

Este post ensinará a destruição de objetos e seu uso em JavaScript. Então vamos começar!

Como usar o objeto Destructuring em JavaScript

Suponha que tenhamos um “funcionário”Objeto no ambiente Pre-ES6, com as duas propriedades a seguir "Nome" e "designação":

var funcionário =
Nome: 'Paul',
Designação: 'Gerente'
;

Agora, para extrair as propriedades do “funcionário”Objeto, adicionaremos o seguinte código no programa e o executaremos:

Var Nome = funcionário.nome;
VAR Designação = funcionário.designação;
console.log ('Nome do funcionário:' + nome);
console.log ('designação de funcionários:' + designação);

Aqui, o valor do “funcionário.nome”A propriedade é atribuída ao“nome”Variável e a“funcionário.designação”O valor da propriedade é atribuído a“designação”:

Como você pode ver, o procedimento fornecido para acessar a propriedade de um objeto e atribuí -lo às necessidades variáveis ​​especificadas “chapa de ebulição"Código, onde uma seção do código é executada com o mesmo padrão e menor alteração.

ES6 incorporou um procedimento alternativo para a atribuição das propriedades de um objeto a variáveis ​​conhecidas como “Destruição de objetos““. A destruição do objeto impede a duplicação de um nome de propriedade e permite extrair várias propriedades de um objeto JavaScript usando uma única instrução.

Como extrair propriedade única de um objeto usando o objeto Destructuring em JavaScript

Aqui está a sintaxe básica da destruição de objetos que pode ser utilizada para extrair uma propriedade específica de um objeto JavaScript:

const propriedade = objeto;

Agora, vamos acessar o “nome”Propriedade de já criada“funcionário“Objeto, destruindo -o:

Seja nome = funcionário;
console.log ('Nome do funcionário:' + nome);

A execução do código fornecido criará uma variável chamada “nome”E atribuir o valor do“funcionário.nome”Propriedade para ele:

Como extrair múltiplas propriedades de um objeto usando o objeto Destructuring in JavaScript

Se você quiser Extraia várias propriedades de um objeto com a ajuda da destruição do objeto e siga a sintaxe abaixo:

Seja Property1, Property2 = object;

Aqui, as variáveis ​​criadas para o "Property1" e "Property2" terá os mesmos nomes que os especificados “objetoPropriedades possuem; Assim, torna o programa mais conciso.

Por exemplo, podemos destruir o “funcionário“Objeta para acessar seu "Nome" e "designação" Propriedades da seguinte maneira:

Seja nome, designação = funcionário;

Em seguida, imprimiremos os valores extraídos das propriedades especificadas no console:

console.log ('Nome do funcionário:' + nome);
console.log ('designação de funcionários:' + designação);

A saída dada significa que recuperamos com sucesso o "Nome" e "designação" propriedades do “funcionário”Objeto:

Como definir o valor da propriedade padrão para um objeto usando o objeto Destructuring in JavaScript

Se você estiver tentando acessar uma propriedade que não é adicionada no objeto destruturado, essa propriedade específica será inicializada com um “indefinido" valor.

Como nosso criado “funcionário”O objeto só compreende Propriedades “Nome” e “Designação” e “Age” A propriedade não existe nela, então a atribuição de destruturação do objeto dada atribuirá valor "indefinido" a "idade" propriedade:

const Age = funcionário;
console.log (idade);

No entanto, a destruição de objetos também permite que você defina um "Valor padrão" Para uma propriedade que não é definida no objeto destruturado. Para implicar essa funcionalidade, siga a sintaxe dada:

const propriedade = defaultValue = objeto;

Vamos atribuir "25" como um valor padrão do "idade" propriedade:

const Age = [25] = funcionário;
console.log (idade);

Em vez de "indefinido", agora o "console.registro()”Método vai imprimir “25” como a “idade” valor da propriedade:

Nós compilamos as informações essenciais relacionadas à destruição de objetos em JavaScript. Você pode explorar de acordo com seus requisitos.

Conclusão

Destruição de objetos em JavaScript é um recurso útil que permite Extrair propriedades únicas ou múltiplas De um objeto JavaScript e atribua seus respectivos valores a variáveis ​​distintas. Impede a duplicação de um nome de propriedade e permite extrair várias propriedades de um objeto JavaScript com uma única instrução. Este post explicou a destruição de objetos e seu uso em JavaScript.