- Использование метода Object.assign() для добавления значений к объекту в JavaScript
- Использование метода push() для добавления значений к объекту в 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.