Wstęp:

Obiekty JavaScript składają się z właściwości, które są just kluczowa wartość pary. Zasadniczo właściwości składają się z pary kluczy i wartości, które mogą reprezentować dowolny typ jednostki. Nawet funkcje mogą działać jako wartość lub klucz w dowolnym obiekcie. Tak czy inaczej, w tej sekcji porozmawiamy o tym, jak usunąć klucze z Object JavaScript.

Wartość powiązana z kluczem jest automatycznie usuwana po usunięciu klucza. Zatem wyeliminowanie klucza pociąga za sobą jedynie wyeliminowanie tego atrybutu. W JavaScript istnieją obecnie trzy sposoby usuwania kluczy z obiektów. Rzućmy okiem na każdy z nich.

W razie potrzeby można usunąć właściwości obiektów JavaScript. Istnieją trzy proste metody, których możemy użyć, aby szybko usunąć dowolną właściwość obiektu. Pierwsza technika wykorzystuje tzw usuwać operator, konkretny operator w JavaScript, z którego korzysta druga metoda Destrukturyzacja obiektów , a trzecia metoda wykorzystuje Odzwierciedlaj.deleteProperty() metoda.

1. Usuń właściwość z obiektu JavaScript za pomocą operatora Delete:

Operator usuwania jest specyficznym operatorem w JavaScript. Jeśli chcemy usunąć klucz z obiektu JavaScript, użyj metody usuń operatora . Operator usuwania robi dokładnie to, co sugeruje jego nazwa: usuwa podaną właściwość z obiektu. Chociaż musimy najpierw uzyskać dostęp do właściwości, aby ją usunąć. Aby uzyskać dostęp do właściwości Object, można użyć metody dostępu do właściwości kropki lub metody dostępu do nawiasów kwadratowych.

Usuń metodą kropkową:

Składnia:

 delete object.property; 

Przykład:

konstruktor w Javie

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

wyjście:

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

Usuńmy właściwość age w sposób oparty na kropkach.

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

Wyjście:

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

Wyjaśnienie:

Z powyższych danych wynika, że ​​operator usuwania skutecznie usunął obiekt emp wiek majątku (kropka) .

Usuń metodą nawiasu kwadratowego:

Składnia:

 delete object['property']; 

Użyjmy nawiasów kwadratowych, aby usunąć właściwość oznaczenia z tego samego obiektu emp.

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

Wyjście:

co to oznacza xd

 { name: 'saswat', age: 26 } name: 'saswat' age: 26 

Wyjaśnienie:

Z powyższych danych wynika, że ​​operator usuwania pomyślnie usunął oznaczenie właściwości obiektu emp (w nawiasach kwadratowych) .

2. Usuń właściwość z obiektu JavaScript za pomocą destrukturyzacji obiektu:

Destrukturyzacja obiektów można również użyć do usunięcia właściwości z obiektu, ale jest pewien haczyk. Zamiast zmieniać oryginalny obiekt, tworzony jest nowy obiekt, który nie zawiera usuniętej właściwości. W ten sposób zostaje zachowany oryginał (nie ulega zmianie).

Składnia:

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

Przykład:

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

Wyjście:

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

Wyjaśnienie:

wewnętrzne działanie hashmap

W powyższym przykładzie usunęliśmy właściwość z obiektu za pomocą obiektu destrukturyzacja . Kiedy zastosowaliśmy destrukturyzację obiektu w celu usunięcia modelu właściwości z oryginalnego laptopa obiektowego, otrzymaliśmy nowy obiekt mój laptop bez tej właściwości. Po raz kolejny wynik pokazuje, że oryginalny element pozostał niezmieniony.

3. Usuń właściwość z obiektu JavaScript za pomocą metody Reflect.deleteProperty():

The Odzwierciedlaj.deleteProperty() Metoda jest udostępniana przez jeden z wbudowanych obiektów JavaScript o nazwie 'Odbijać' . To podejście jest analogiczne do postaci funkcji operatora usuwania, którą omówiliśmy.

Przykład:

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

Wyjście:

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

Wyjaśnienie:

W powyższym przykładzie był obiekt o nazwie 'samochody' który miał trzy właściwości. Aby usunąć samochód2 właściwość tego obiektu, użyliśmy metody Odzwierciedlaj.deleteProperty() metoda. Dane wyjściowe pokazują, że usunięcie właściwości car2 z obiektu samochody powiodło się.

cyfry rzymskie 1 100

Na koniec chcielibyśmy powiedzieć, że nie ma znaczenia, czy użyjesz usuń operatora albo Odzwierciedlaj.deleteProperty() metody, ponieważ oba wykonują pracę z zasadniczo taką samą złożonością czasową. Jednak korzystając Niszczenie Obiektu zajmuje więcej czasu. Dlatego też, ze względu na prostą składnię i niewielką złożoność czasową, operator usuwania jest najpopularniejszą metodą usuwania kluczy z obiektów JavaScript.

Wniosek

Obiekty JavaScript składają się z właściwości, które są po prostu parami klucz-wartość. Wartość powiązana z kluczem jest automatycznie usuwana po usunięciu klucza.