Introducción:
Los objetos JavaScript se componen de propiedades, que son simplemente valor clave pares. En esencia, las propiedades constan de un par de claves y valores que pueden representar cualquier tipo de entidad. Incluso las funciones tienen la capacidad de funcionar como valor o clave en cualquier objeto. De todos modos, en esta sección hablaremos sobre cómo eliminar claves del objeto JavaScript.
El valor asociado a una clave se elimina automáticamente cuando se elimina la clave. Entonces, eliminar una clave implica simplemente eliminar ese atributo. Ahora hay tres formas en JavaScript de eliminar claves de objetos. Echemos un vistazo rápido a cada uno.
Si es necesario, se pueden borrar las propiedades de los objetos JavaScript. Hay tres métodos simples que podemos utilizar para borrar rápidamente cualquier propiedad de objeto. La primera técnica hace uso de la borrar operador, un operador particular en JavaScript, el segundo método hace uso de Desestructuración de objetos , y el tercer método hace uso de la Reflect.deleteProperty() método.
1. Eliminar una propiedad de un objeto JavaScript utilizando el operador Eliminar:
El operador de eliminación es un operador específico en JavaScript. Si queremos eliminar una clave de un Objeto JavaScript, use el eliminar operador . El operador de eliminación hace exactamente lo que su nombre implica: elimina la propiedad proporcionada del objeto. Aunque primero debemos acceder a la propiedad para eliminarla. Se puede utilizar el descriptor de acceso de propiedad de punto o el descriptor de acceso de propiedad de corchetes para acceder a la propiedad Objeto.
Eliminar con el método Dot:
Sintaxis:
golpe para bucle
delete object.property;
Ejemplo:
let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } console.log(emp); producción:
{ name: 'saswat', age: 26, designation: 'Software Engineer' } age: 26 designation: 'Software Engineer' name: 'saswat' Eliminemos la propiedad de edad basada en puntos.
delete emp.age; console.log(emp);
Producción:
{ name: 'saswat', designation: 'Software Engineer' } designation: 'Software Engineer' name: 'saswat' Explicación:
Podemos ver en el resultado anterior que el operador de eliminación fue efectivo para eliminar el objeto. emp antigüedad de la propiedad (forma de punto) .
np.concatenar
Eliminar con el método de corchetes:
Sintaxis:
delete object['property'];
Usemos corchetes para eliminar la propiedad de designación del mismo objeto emp.
let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } delete emp['designation']; console.log(emp); Producción:
{ name: 'saswat', age: 26 } name: 'saswat' age: 26 Explicación:
Podemos ver en el resultado anterior que el operador de eliminación logró eliminar la designación de propiedad del objeto emp. (forma de corchetes) .
2. Eliminar una propiedad de un objeto JavaScript mediante la desestructuración de objetos:
Desestructuración de objetos También se puede utilizar para eliminar una propiedad de un objeto, pero hay un problema. En lugar de alterar el objeto original, se crea un objeto nuevo que no incluye la propiedad eliminada. De esta manera, el artículo original se conserva (no cambia).
Sintaxis:
const{ propertyToRemove, ...newObject } = OriginalObject; Ejemplo:
const laptop = { brand: 'HP', model: 'Notebook', year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop); Producción:
métodos de lista de matrices
{ brand: 'HP', year: 2020 } { brand: 'HP', model: 'Notebook', year: 2020 } Explicación:
En el ejemplo mencionado anteriormente, eliminamos una propiedad de un objeto usando object desestructurando . Cuando utilizamos la desestructuración de objetos para eliminar el modelo de propiedad de la computadora portátil del objeto original, obtuvimos el nuevo objeto. mi portátil sin esa propiedad. Una vez más, el resultado demuestra que el elemento original permaneció sin cambios.
3. Eliminar una propiedad de un objeto JavaScript utilizando el método Reflect.deleteProperty():
El Reflect.deleteProperty() El método es proporcionado por uno de los objetos JavaScript integrados llamado 'Reflejar' . Este enfoque es análogo a la forma de función del operador de eliminación, que hemos discutido.
Ejemplo:
const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); Producción:
{ car1: 'Honda', car3: 'Toyota' } Explicación:
En el ejemplo anterior, había un objeto llamado 'carros' que tenía tres propiedades. Para eliminar el coche2 propiedad de ese objeto, utilizamos el Reflect.deleteProperty() método. El resultado demuestra que la eliminación de la propiedad car2 del objeto cars se realizó correctamente.
Finalmente, nos gustaría decir que no hay diferencia si usas el eliminar operador o el Reflect.deleteProperty() método porque ambos hacen el trabajo esencialmente con la misma complejidad temporal. Sin embargo, utilizando Destrucción de objetos lleva más tiempo. Por lo tanto, debido a su sintaxis simple y baja complejidad de tiempo, el operador de eliminación es el método más popular para eliminar claves de objetos javascript.
Conclusión
Los objetos JavaScript se componen de propiedades, que son solo pares clave-valor. El valor asociado a una clave se elimina automáticamente cuando se elimina la clave.