- Използване на метода Object.assign() за добавяне на стойности към обект в JavaScript
- Използване на метода push() за добавяне на стойности към обект в JavaScript
- Използване на оператор за разпространение (...) за добавяне на стойности към обект в JavaScript
Метод 1: Използване на метод Object.assign() за добавяне на стойности към обект в JavaScript
The Object.assign() методът е известен за добавяне на стойности към обекти. Нужни са два аргумента. Първият представлява целевия обект, а вторият аргумент приема двойките ключ/стойност. Синтаксисът на Object.assign() методът е предоставен по-долу:
Синтаксис
Обект . възлагам ( цел, източник ) ;
Параметрите са описани тук:
- цел : указва обекта, към който ще бъдат добавени стойностите.
- източник : отнася се за добавената стойност.
Нека разберем работата на този метод чрез следния примерен код:
Код
конзола. дневник ( „Пример за използване на метода assign()“ ) ;
нека user_obj = {
1 : { име : 'Адам' } ,
две : { име : 'Хари' } ,
} ;
нека obj = Обект . възлагам ( user_obj, { 3 : { име : 'Джасам' } } ) ;
конзола. дневник ( обект ) ;
В този код:
- първо, „Адам“ и 'Хари' се присвояват като стойности на „име“ Имот.
- The Object.assign() методът се използва за добавяне на a 'Джасам' стойност за „user_obj“ обект.
- И накрая, на console.log() методът се използва за представяне на всички стойности в прозореца на конзолата.
Изход
От изхода се наблюдава, че новата стойност е успешно добавена към обекта.
Метод 2: Използване на метода push() за добавяне на стойности към масивен обект в JavaScript
The натиснете () може да се използва за добавяне или вмъкване на една или няколко стойности към масив. Този метод връща нов масив след добавяне на стойности. Нека видим дали работи чрез следния синтаксис:
Синтаксис
обр. тласък ( стойност1, стойност2, ..., стойностN )В този синтаксис, „стойност1“, „стойност2“ и 'стойностN' са стойностите, които трябва да бъдат добавени към „ обр ” променлива.
Код
конзола. дневник ( „Пример за използване на метода assign()“ ) ;конст спорт = [ 'крикет' , 'хокей' , 'футбол' ] ;
конст брояч = спорт. тласък ( 'баскетбол' ) ;
конзола. дневник ( брояч ) ;
конзола. дневник ( спорт ) ;
Описанието на кода е предоставено тук:
- Масив с име „спорт“ се създава, който се състои от три елемента, т.е. „крикет“, „хокей“ и 'футбол' .
- След това стойността 'баскетбол' се добавя към използването на sports.push() метод в JavaScript.
- В крайна сметка, console.log() показва масива в прозореца на конзолата .
Изход
Резултатът показва, че 'баскетбол' стойност се добавя към спорт обект чрез използване на натиснете () метод.
Метод 3: Използване на оператор Spread (…) за добавяне на стойности към обект в JavaScript
Операторът spread (…) се използва за добавяне на стойности към обекти в JavaScript. Полезно е обединяването на обекти на едно място. Синтаксисът на оператора за разпространение е даден по-долу:
Синтаксис
{ ... обект , ключ : 'стойност' }В този синтаксис, „стойност“ е възложено на ключ в обекта обект .
Примерният код на оператора за разпространение за добавяне на стойности към обект е предоставен по-долу:
Код
конзола. дневник ( „Пример за използване на оператор за разпространение“ ) ;нека obj1 = { име : 'Хари' } ;
obj2 = { ... obj1 , цвят : 'бял' } ;
конзола. дневник ( obj2 ) ;
В този код:
- Ан 'obj1 ” се използва за съхраняване на елемента име чрез присвояване на стойността 'Хари' .
- След това, 'бял' стойността се добавя към 'obj1' .
- В крайна сметка, console.log() показва добавените стойности в прозореца на конзолата.
Изход
Резултатът показва новия обект ' obj2 ”, който съдържа стойността от обекта “ obj1 ', както и добавената стойност ' бяло ”.
Заключение
JavaScript предоставя два метода, т.е. Object.assign() и натиснете () за добавяне на стойности към обект.
The Object.assign() метод, добавящ стойности към обекти чрез двойки ключ/стойност. The натиснете () метод добавя една или няколко стойности в масив. както и да е разпространение (...) оператор може също да се използва за добавяне на стойности към обект. Тази публикация демонстрира всички възможности за добавяне на стойности към обект в JavaScript.