Как добавить значения к объекту в JavaScript

Kak Dobavit Znacenia K Ob Ektu V Javascript



Объект является наиболее важной сущностью в языке программирования из-за его неизменного свойства. Благодаря этому свойству разработчики могут манипулировать различными задачами через объекты. Добавление различных значений к существующему объекту выполняется для внесения изменений в объекты во время выполнения. JavaScript предлагает множество встроенных методов для добавления значений к объектам в JavaScript. В этом посте мы продемонстрируем все возможные методы вместе с примерами для добавления значений к объектам в JavaScript. Этот пост служит следующим результатам обучения:

Метод 1: использование метода Object.assign() для добавления значений к объекту в JavaScript

Объект.назначить() метод известен тем, что добавляет значения к объектам. Он принимает два аргумента. Первый представляет целевой объект, а второй аргумент принимает пары ключ/значение. Синтаксис Объект.назначить() метод представлен ниже:

Синтаксис







Объект . назначать ( цель, источник ) ;

Параметры описаны здесь:



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

Давайте разберемся с работой этого метода на следующем примере кода:



Код





приставка. журнал ( 'Пример использования метода assign()' ) ;

пусть user_obj знак равно {

1 : { имя : 'Адам' } ,

два : { имя : 'Гарри' } ,

} ;

пусть объект знак равно Объект . назначать ( user_obj, { 3 : { имя : 'Джасам' } } ) ;

приставка. журнал ( объект ) ;

В этом коде:

  • Во-первых, 'Адам' а также 'Гарри' присваиваются как значения 'имя' имущество.
  • Объект.назначить() метод используется для добавления 'Джасам' значение для «user_obj» объект.
  • Наконец, console.log() метод используется для представления всех значений в окне консоли.



Выход

Из вывода видно, что новое значение успешно добавлено к объекту.

Способ 2: использование метода push() для добавления значений к объекту массива в JavaScript

толкать() можно использовать для добавления или вставки одного или нескольких значений в массив. Этот метод возвращает новый массив после добавления значений. Давайте посмотрим, работает ли он с помощью следующего синтаксиса:

Синтаксис

обр. толкать ( значение1, значение2, ..., значениеN )

В этом синтаксисе «значение1», «значение2» а также 'значениеN' являются значениями, которые должны быть добавлены к « обр ' переменная.

Код

приставка. журнал ( 'Пример использования метода assign()' ) ;

константа спортивный знак равно [ 'крикет' , 'хоккей' , 'футбол' ] ;

константа прилавок знак равно спортивный. толкать ( 'баскетбол' ) ;

приставка. журнал ( прилавок ) ;

приставка. журнал ( спортивный ) ;

Описание кода приведено здесь:

  • Массив с именем 'спортивный' создается, который состоит из трех элементов, т. е. «крикет», «хоккей» а также 'футбол' .
  • После этого значение 'баскетбол' добавляется к использованию спорт.толчок () метод в JavaScript.
  • В конце концов, console.log() метод отображает массив в окне консоли .

Выход

Вывод показывает, что 'баскетбол' значение добавляется к спортивный объект с помощью толкать() метод.

Способ 3: использование оператора Spread (…) для добавления значений к объекту в JavaScript

Оператор распространения (…) используется для добавления значений к объектам в JavaScript. Полезно объединять объекты в одно место. Синтаксис оператора распространения представлен ниже:

Синтаксис

{ ... объект , ключ : 'ценность' }

В этом синтаксисе 'ценность' назначен на ключ в объекте объект .

Ниже приведен пример кода оператора расширения для добавления значений к объекту:

Код

приставка. журнал ( 'Пример использования оператора спреда' ) ;

пусть obj1 знак равно { имя : 'Гарри' } ;

объект2 знак равно { ... объект1 , цвет : 'белый' } ;

приставка. журнал ( объект2 ) ;

В этом коде:

  • Ан 'объект1 ” используется для хранения элемента имя путем присвоения значения 'Гарри' .
  • После этого 'белый' значение добавляется к 'объект1' .
  • В конце концов, console.log() отображает добавленные значения в окне консоли.

Выход

Вывод показывает новый объект « объект2 », который содержит значение из объекта « объект1 ', а также добавленное значение ' белый ».

Вывод

JavaScript предоставляет два метода, т. е. Объект.назначить() а также толкать() для добавления значений к объекту.

Объект.назначить() метод добавления значений к объектам по парам ключ/значение. толкать() Метод добавляет одно или несколько значений в массив. Тем не менее распространять Оператор (…) также может использоваться для добавления значений к объекту. Этот пост продемонстрировал все возможности добавления значений к объекту в JavaScript.