JavaScript: Как добавить новый элемент в объект?

· JavaScript и Блог · 1 мин чтения

В этой записи я хочу рассказать как добавить или удалить элемент из объекта в JavaScript. Это очень просто, но многие новички, как и я раньше, часто путались в этом.

Создадим объект для примера

var obj = {
  name: 'alex',
  last_name: 'petrov',
  website: 'bologer.ru',
};

У нас есть простой объект, внутри которого есть такие данные как name (имя), last_name (фамилия) и website (сайт). Данные могут быть абсолютно любыми, но в целях этой записи они будут именно такими.

Добавление нового элемента

obj.country = 'ru'; // добавит новый ключ "country" в объект cо значением "ru"

obj['city'] = 'Moscow'; // так же добавит новый ключ, только "city" со значением "Moscow"

В коде выше все понятно, но лишь придам ясности: вы можете добавлять новые значения в объект в синтаксисе объекта, используя «.» и ключ или же обычный формат массива. Если вы объявите как массив, то obj все равно остается объектом, так как ранее вы его обозначили именно таким благодаря {}.

Создать объект внутри объекта

obj.other_obj = {}; // создадим новое значение other_obj в obj и сделаем его объектом

Теперь добавим туда какие-нибудь данные:

obj.other_obj.first = 'первый ключ нового объекта'; 
obj.other_obj.second = 'второй';

Мы создали два новых значения first и second внутри other_obj.

Удаление элемента

delete obj.name; // возвращает: true

Вы можете воспользоваться delete, которая может удалять элементы из объектов. Весь объект таким образом удалить нельзя, но если вам это нужно, то вы можете сделать так:

obj = {}; // Сделает объект снова пустым

На этой все, если у вас остались какие-то вопросы по объектам в JavaScript, пишите ниже комментарий, постараюсь вам помочь.