Добавить ключ-значение в объект JS

Разберем, как добавить новую пару ключ-значение в объект. Пусть для примера у нас есть следующий объект:

javascriptlet obj = {
  name: 'john',
  surn: 'smit',
};

Добавление через ключ

Самый простой способ добавить новую пару ключ-значение - это напрямую записать в новый ключ:

javascriptobj['age'] = 30;

Либо через альтернативный способ:

javascriptobj.age = 30;

Проверим результат:

javascriptconsole.log(person);

Метод Object.assign

Можно также добавлять новые ключи-значения с помощью метода Object.assign:

javascriptlet res = Object.assign(obj, { age: 25 });

Проверим результат:

javascriptconsole.log(res);

Через spread

Оператор spread позволяет создать новый объект из существующего, добавляя новые свойства. Вот пример использования:

javascriptlet res = { ...obj, age: 25 };

Проверим результат:

javascriptconsole.log(res);