logo

Як видалити ключ/властивість з об’єкта в JavaScript

вступ:

Об’єкти JavaScript складаються з властивостей, які просто ключ-значення пари. По суті, властивості складаються з пари ключів і значень, які можуть представляти будь-який тип сутності. Навіть функції мають здатність функціонувати як значення або ключ у будь-якому об’єкті. У будь-якому разі, у цьому розділі ми поговоримо про те, як видалити ключі з Object JavaScript.

Значення, пов’язане з ключем, автоматично видаляється, коли ключ видаляється. Таким чином, видалення ключа тягне лише за собою видалення цього атрибута. Тепер у JavaScript є три способи видалення ключів з об’єктів. Давайте коротко розглянемо кожен із них.

За потреби властивості об’єктів JavaScript можна стерти. Є три прості способи, які ми можемо використати для швидкого видалення будь-якої властивості об’єкта. Перша методика використовує видалити оператор, конкретний оператор у JavaScript, який використовує другий метод Деструктуризація об'єкта , а третій метод використовує Reflect.deleteProperty() метод.

1. Видаліть властивість з об’єкта JavaScript за допомогою оператора Delete:

Оператор видалення є спеціальним оператором у JavaScript. Якщо ми хочемо видалити ключ з Object JavaScript, використовуйте оператор видалення . Оператор видалення робить саме те, що випливає з його назви: він видаляє надану властивість з об’єкта. Хоча спочатку ми повинні отримати доступ до власності, щоб видалити її. Для доступу до властивості Object можна використовувати або засіб доступу властивості точки, або засіб доступу властивості квадратних дужок.

Видалення методом точки:

Синтаксис:

масив в java
 delete object.property; 

приклад:

приклади операційної системи
 let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } console.log(emp); 

вихід:

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

Давайте видалимо властивість віку за допомогою точки.

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

Вихід:

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

Пояснення:

З наведених вище результатів ми бачимо, що оператор видалення був ефективним для видалення об’єкта emp's майновий вік (точка) .

Видаліть методом квадратних дужок:

Синтаксис:

 delete object['property']; 

Давайте використаємо квадратні дужки, щоб видалити властивість позначення з того самого об’єкта emp.

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

Вихід:

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

Пояснення:

видалити перший символ excel

Ми бачимо з результату вище, що оператор видалення успішно видалив позначення властивості об’єкта emp (в квадратних дужках) .

2. Видаліть властивість з об’єкта JavaScript за допомогою деструктуризації об’єкта:

Деструктуризація об'єкта також можна використовувати для видалення властивості з об’єкта, але тут є підступ. Замість того, щоб змінювати оригінальний об’єкт, створюється новий об’єкт, який не містить видалену властивість. Таким чином оригінальний елемент зберігається (не змінюється).

Синтаксис:

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

приклад:

список релігій
 const laptop = { brand: 'HP', model: 'Notebook', year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop); 

Вихід:

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

Пояснення:

У вищезгаданому прикладі ми видалили властивість об’єкта за допомогою object деструктуризація . Коли ми використовували деструктуризацію об’єктів, щоб видалити модель властивостей з оригінального об’єкта ноутбука, ми отримали новий об’єкт мій ноутбук без цієї власності. Ще раз результат демонструє, що вихідний елемент залишився незмінним.

3. Видаліть властивість з об’єкта JavaScript за допомогою методу Reflect.deleteProperty():

The Reflect.deleteProperty() метод надається одним із вбудованих об’єктів JavaScript під назвою 'Відображати' . Цей підхід аналогічний формі функції оператора видалення, яку ми обговорювали.

приклад:

перетворення дати в рядок
 const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); 

Вихід:

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

Пояснення:

У наведеному вище прикладі був об’єкт під назвою 'автомобілі' що мав три властивості. Щоб видалити автомобіль2 майно з цього об'єкта, ми використали Reflect.deleteProperty() метод. Вихідні дані показують, що видалення властивості car2 з об’єкта cars було успішним.

Нарешті, ми хотіли б сказати, що немає різниці, чи використовуєте ви оператор видалення або Reflect.deleteProperty() оскільки вони обидва виконують роботу з однаковою часовою складністю. Проте використовуючи Руйнування об'єктів займає більше часу. Отже, завдяки своєму простому синтаксису та низькій часовій складності оператор видалення є найпопулярнішим методом видалення ключів з об’єктів JavaScript.

Висновок

Об’єкти JavaScript складаються з властивостей, які є лише парами ключ-значення. Значення, пов’язане з ключем, автоматично видаляється, коли ключ видаляється.