Как удалить свойство из объекта JavaScript? (delete, spread и другие способы)

Удаление свойства из объекта: полное руководство

В JavaScript есть несколько способов "удалить" свойство из объекта. Выбор зависит от того, нужно ли вам изменить исходный объект или создать новый. Рассмотрим все варианты.

1. Оператор delete (изменение исходного объекта)

Это самый прямой и правильный способ удалить свойство из объекта. Он полностью убирает и ключ, и значение из объекта.

const user = {
  name: 'Алексей',
  age: 30,
  password: 'secret123'
};

delete user.password;
console.log(user); // { name: 'Алексей', age: 30 }
console.log('password' in user); // false

Важно:

• delete возвращает true, если удаление прошло успешно (даже если свойство не существовало).
• Возвращает false, если свойство нельзя удалить (например, у встроенных прототипов или если оно неконфигурируемое).
• Работает только с собственными свойствами объекта (не удаляет из прототипа).

Миф о производительности: Да, в очень старых движках (IE8 и ниже) delete мог замедлять оптимизацию. В современных движках (V8, SpiderMonkey) это не проблема. Если вы удаляете 1-2 свойства — разницы нет. Если удаляете тысячи свойств в горячем цикле — возможно, стоит пересмотреть архитектуру.

2. Создание нового объекта без свойства (иммутабельный подход)

Используется, когда нужно сохранить исходный объект неизменным (например, в Redux или React).

Способ A: Деструктуризация + rest-оператор

const user = {
  name: 'Алексей',
  age: 30,
  password: 'secret123',
  role: 'admin'
};

const { password, ...userWithoutPassword } = user;
console.log(userWithoutPassword); // { name: 'Алексей', age: 30, role: 'admin' }
console.log(user.password); // 'secret123' — исходный объект не изменился

Способ B: Object.fromEntries + фильтрация

const user = { name: 'Алексей', age: 30, password: 'secret' };
const filtered = Object.fromEntries(
  Object.entries(user).filter(([key]) => key !== 'password')
);
console.log(filtered); // { name: 'Алексей', age: 30 }

3. Удаление нескольких свойств

Если нужно удалить много свойств, удобно использовать массив ключей:

const user = {
  name: 'Алексей',
  age: 30,
  password: 'secret123',
  token: 'abc123',
  role: 'admin'
};

const keysToRemove = ['password', 'token'];
keysToRemove.forEach(key => delete user[key]);
// или иммутабельно:
const cleanUser = Object.fromEntries(
  Object.entries(user).filter(([key]) => !keysToRemove.includes(key))
);

4. Чего НЕ стоит делать

• Присваивать undefined — свойство остаётся в объекте, и его можно перебрать через for...in.
• Использовать null — то же самое, свойство остаётся.
• Пытаться удалить через Object.assign с пустым значением — это не работает.

Итог: что выбрать?

• Если нужно изменить исходный объект — delete.
• Если нужно сохранить исходник (иммутабельность) — деструктуризация с rest.
• Если свойство может отсутствовать, а вы хотите избежать ошибок — delete всё равно сработает (вернёт true).
• В редких случаях, когда свойство неконфигурируемое (например, Math.PI), delete вернёт false.

const user = { name: 'Алексей', age: 30, password: 'secret' };
const wasDeleted = Reflect.deleteProperty(user, 'password');
console.log(wasDeleted); // true
console.log(user); // { name: 'Алексей', age: 30 }