- Folosind metoda Object.assign() pentru a adăuga valori la obiect în JavaScript
- Folosind metoda push() pentru a adăuga valori la obiect în JavaScript
- Utilizarea operatorului spread (...) pentru a adăuga valori la obiect în JavaScript
Metoda 1: Folosind metoda Object.assign() pentru a adăuga valori la obiect în JavaScript
The Object.assign() metoda este una renumită pentru adăugarea de valori la obiecte. Este nevoie de două argumente. Primul reprezintă obiectul țintă, iar al doilea argument preia perechile cheie/valoare. Sintaxa lui Object.assign() metoda este prezentată mai jos:
Sintaxă
Obiect . atribui ( țintă, sursă ) ;
Parametrii sunt descriși aici:
- ţintă : specifică obiectul căruia îi vor fi atașate valorile.
- sursă : se referă la valoarea adăugată.
Să înțelegem funcționarea acestei metode prin următorul exemplu de cod:
Cod
consolă. Buturuga ( „Un exemplu de utilizare a metodei assign()” ) ;
lasă user_obj = {
1 : { Nume : 'Adam' } ,
Două : { Nume : 'Harry' } ,
} ;
lasa obj = Obiect . atribui ( user_obj, { 3 : { Nume : 'Jasam' } } ) ;
consolă. Buturuga ( obj ) ;
În acest cod:
- In primul rand, „Adam” și „Harry” sunt atribuite ca valori la 'Nume' proprietate.
- The Object.assign() metoda este utilizată pentru a adăuga a 'Jasam' valoare pentru „user_obj” obiect.
- În cele din urmă, cel console.log() metoda este folosită pentru a prezenta toate valorile în fereastra consolei.
Ieșire
Din rezultat se observă că noua valoare este adăugată cu succes obiectului.
Metoda 2: Utilizarea metodei push() pentru a adăuga valori la un obiect matrice în JavaScript
The Apăsaţi() metoda poate fi folosită pentru a adăuga sau a insera una sau mai multe valori într-o matrice. Această metodă returnează o nouă matrice după adăugarea valorilor. Să vedem dacă funcționează prin următoarea sintaxă:
Sintaxă
arr. Apăsaţi ( valoare1, valoare2, ..., valoareN )În această sintaxă, „valoare1”, „valoare2” și „valoareN” sunt valorile care trebuie adăugate la „ arr ' variabil.
Cod
consolă. Buturuga ( „Un exemplu de utilizare a metodei assign()” ) ;const sport = [ 'greier' , 'hochei' , 'fotbal' ] ;
const tejghea = sport. Apăsaţi ( 'baschet' ) ;
consolă. Buturuga ( tejghea ) ;
consolă. Buturuga ( sport ) ;
Descrierea codului este oferită aici:
- O matrice numită 'sport' este creată care cuprinde trei elemente și anume, „cricket”, „hochei” și 'fotbal' .
- După aceea, valoarea 'baschet' este anexat la utilizarea sport.push() metoda în JavaScript.
- În cele din urmă, cel console.log() metoda afișează matricea în fereastra consolei .
Ieșire
Rezultatul arată că 'baschet' valoarea este atașată la sport obiect prin utilizarea Apăsaţi() metodă.
Metoda 3: Utilizarea operatorului Spread (...) pentru a adăuga valori la obiect în JavaScript
Operatorul de răspândire (…) este folosit pentru a adăuga valori la obiecte în JavaScript. Este util să îmbinați obiectele într-un singur loc. Sintaxa operatorului de răspândire este furnizată mai jos:
Sintaxă
{ ... obj , cheie : 'valoare' }În această sintaxă, 'valoare' este atribuit cheie în obiect obj .
Exemplul de cod al operatorului de răspândire pentru a adăuga valori unui obiect este furnizat mai jos:
Cod
consolă. Buturuga ( „Un exemplu de utilizare a operatorului de răspândire” ) ;lasa obj1 = { Nume : 'Harry' } ;
obj2 = { ... obj1 , culoare : 'alb' } ;
consolă. Buturuga ( obj2 ) ;
În acest cod:
- Un 'obj1 ” este utilizat pentru a stoca elementul Nume prin atribuirea valorii „Harry” .
- După aceea, 'alb' valoare se anexează la 'obj1' .
- În cele din urmă, cel console.log() metoda afișează valorile adăugate în fereastra consolei.
Ieșire
Ieșirea arată noul obiect „ obj2 ” care conține valoarea din obiect ” obj1 ” precum și valoarea adăugată ” alb ”.
Concluzie
JavaScript oferă două metode, adică Object.assign() și Apăsaţi() pentru a adăuga valori unui obiect.
The Object.assign() metoda de adăugare a valorilor la obiecte prin perechi cheie/valoare. The Apăsaţi() metoda adaugă una sau mai multe valori într-o matrice. Însă răspândire Operatorul (...) poate fi folosit și pentru a adăuga valori unui obiect. Această postare a demonstrat toate posibilitățile de a adăuga valori unui obiect în JavaScript.