logo

Como remover uma chave/propriedade de um objeto em JavaScript

Introdução:

Objetos JavaScript são compostos de propriedades, que são apenas valor chave pares. Em essência, as propriedades consistem em um par de chaves e valores que podem representar qualquer tipo de entidade. Até as funções têm a capacidade de funcionar como um valor ou uma chave em qualquer objeto. De qualquer forma, nesta seção falaremos sobre como excluir chaves do Object JavaScript.

O valor associado a uma chave é excluído automaticamente quando a chave é removida. Portanto, eliminar uma chave implica apenas eliminar esse atributo. Existem agora três maneiras em JavaScript de remover chaves de objetos. Vamos dar uma olhada rápida em cada um.

quebrar java

Se necessário, as propriedades dos objetos JavaScript podem ser apagadas. Existem três métodos simples que podemos usar para apagar rapidamente qualquer propriedade de objeto. A primeira técnica faz uso do excluir operador, um operador específico em JavaScript, o segundo método faz uso de Desestruturação de Objetos , e o terceiro método faz uso do Refletir.deleteProperty() método.

1. Remova uma propriedade de um objeto JavaScript usando o operador Delete:

O operador delete é um operador específico em JavaScript. Se quisermos remover uma chave de um objeto JavaScript, use o excluir operador . O operador delete faz exatamente o que seu nome indica: remove a propriedade fornecida do objeto. Porém, devemos primeiro obter acesso à propriedade para excluí-la. O acessador de propriedade de ponto ou o acessador de propriedade de colchetes pode ser usado para acessar a propriedade Object.

Excluir com o método Dot:

Sintaxe:

 delete object.property; 

Exemplo:

 let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } console.log(emp); 

saída:

 { name: 'saswat', age: 26, designation: 'Software Engineer' } age: 26 designation: 'Software Engineer' name: 'saswat' 

Vamos remover a propriedade age com base em pontos.

 delete emp.age; console.log(emp); 

Saída:

 { name: 'saswat', designation: 'Software Engineer' } designation: 'Software Engineer' name: 'saswat' 

Explicação:

Podemos ver na saída acima que o operador delete foi eficaz na exclusão do objeto funcionário idade da propriedade (ponto) .

Exclua com o método de colchetes:

Sintaxe:

 delete object['property']; 

Vamos usar colchetes para excluir a propriedade de designação do mesmo objeto emp.

 let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } delete emp['designation']; console.log(emp); 

Saída:

mapeamento em texto datilografado
 { name: 'saswat', age: 26 } name: 'saswat' age: 26 

Explicação:

Podemos ver na saída acima que o operador delete obteve sucesso ao excluir a designação de propriedade do objeto emp (colchetes) .

2. Remova uma propriedade de um objeto JavaScript usando a desestruturação de objetos:

Desestruturação de objetos também pode ser usado para remover uma propriedade de um objeto, mas há um problema. Em vez de alterar o objeto original, é criado um novo objeto que não inclui a propriedade excluída. Desta forma, o item original é preservado (não sofre alterações).

Sintaxe:

 const{ propertyToRemove, ...newObject } = OriginalObject; 

Exemplo:

 const laptop = { brand: 'HP', model: 'Notebook', year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop); 

Saída:

 { brand: 'HP', year: 2020 } { brand: 'HP', model: 'Notebook', year: 2020 } 

Explicação:

No exemplo mencionado acima, removemos uma propriedade de um objeto usando object desestruturação . Quando usamos a desestruturação de objetos para remover o modelo de propriedade do laptop de objeto original, obtivemos o novo objeto meu notebook sem essa propriedade. Mais uma vez, o resultado demonstra que o item original permaneceu inalterado.

3. Remova uma propriedade de um objeto JavaScript usando o método Reflect.deleteProperty():

O Refletir.deleteProperty() O método é fornecido por um dos objetos JavaScript integrados chamados 'Refletir' . Essa abordagem é análoga à forma de função do operador delete, que discutimos.

Exemplo:

 const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); 

Saída:

 { car1: 'Honda', car3: 'Toyota' } 

Explicação:

incluir programação c

No exemplo acima, havia um objeto chamado 'carros' que tinha três propriedades. Para remover o carro2 propriedade desse objeto, usamos o Refletir.deleteProperty() método. A saída demonstra que a exclusão da propriedade car2 do objeto cars foi bem-sucedida.

Finalmente, gostaríamos de dizer que não faz diferença se você usa o excluir operador ou o Refletir.deleteProperty() método porque ambos fazem o trabalho com essencialmente a mesma complexidade temporal. No entanto, utilizando Destruição de objetos leva mais tempo. Conseqüentemente, devido à sua sintaxe simples e baixa complexidade de tempo, o operador delete é o método mais popular de remoção de chaves de objetos javascript.

Conclusão

Os objetos JavaScript são compostos de propriedades, que são apenas pares de valores-chave. O valor associado a uma chave é excluído automaticamente quando a chave é removida.