- Utilizzo del metodo Object.assign() per aggiungere valori all'oggetto in JavaScript
- Utilizzo del metodo push() per aggiungere valori all'oggetto in JavaScript
- Utilizzo dell'operatore spread (...) per aggiungere valori all'oggetto in JavaScript
Metodo 1: utilizzo del metodo Object.assign() per aggiungere valori all'oggetto in JavaScript
Il Object.assign() è famoso per aggiungere valori agli oggetti. Occorrono due argomenti. Il primo rappresenta l'oggetto di destinazione e il secondo argomento prende le coppie chiave/valore. La sintassi di Object.assign() il metodo è fornito di seguito:
Sintassi
Oggetto . assegnare ( destinazione, fonte ) ;
I parametri sono descritti qui:
- obbiettivo : specifica l'oggetto a cui verranno aggiunti i valori.
- fonte : si riferisce al valore aggiunto.
Comprendiamo il funzionamento di questo metodo tramite il seguente codice di esempio:
Codice
consolle. tronco d'albero ( 'Un esempio per utilizzare il metodo assign()' ) ;
lascia che utente_obj = {
1 : { nome : 'Adamo' } ,
Due : { nome : 'Harry' } ,
} ;
lascia ogg = Oggetto . assegnare ( utente_obj, { 3 : { nome : 'Jasam' } } ) ;
consolle. tronco d'albero ( ogg ) ;
In questo codice:
- In primo luogo, 'Adamo' e 'Harry' vengono assegnati come valori a 'nome' proprietà.
- Il Object.assign() il metodo viene utilizzato per aggiungere a 'Jasam' valore al “user_obj” oggetto.
- Infine, il console.log() viene utilizzato per presentare tutti i valori nella finestra della console.
Produzione
Si osserva dall'output che il nuovo valore è stato aggiunto correttamente all'oggetto.
Metodo 2: utilizzo del metodo push() per aggiungere valori a un oggetto array in JavaScript
Il spingere() il metodo può essere utilizzato per aggiungere o inserire uno o più valori in una matrice. Questo metodo restituisce una nuova matrice dopo aver aggiunto i valori. Vediamo se funziona tramite la seguente sintassi:
Sintassi
arr. spingere ( valore1, valore2, ..., valoreN )In questa sintassi, “valore1”, “valore2” e 'valoreN' sono i valori da aggiungere al “ arr ” variabile.
Codice
consolle. tronco d'albero ( 'Un esempio per utilizzare il metodo assign()' ) ;cost gli sport = [ 'cricket' , 'hockey' , 'calcio' ] ;
cost contatore = gli sport. spingere ( 'pallacanestro' ) ;
consolle. tronco d'albero ( contatore ) ;
consolle. tronco d'albero ( gli sport ) ;
La descrizione del codice è fornita qui:
- Una matrice denominata 'gli sport' viene creato che comprende tre elementi, vale a dire, 'grillo', 'hockey' e 'calcio' .
- Dopodiché, il valore 'pallacanestro' viene aggiunto all'utilizzo di sport.push() metodo in JavaScript.
- Alla fine, il console.log() il metodo visualizza l'array nella finestra della console .
Produzione
L'output mostra che il 'pallacanestro' il valore viene aggiunto a gli sport oggetto utilizzando il spingere() metodo.
Metodo 3: utilizzo dell'operatore Spread (...) per aggiungere valori all'oggetto in JavaScript
L'operatore spread (...) viene utilizzato per aggiungere valori agli oggetti in JavaScript. È utile unire gli oggetti in un unico posto. Di seguito viene fornita la sintassi dell'operatore spread:
Sintassi
{ ... ogg , chiave : 'valore' }In questa sintassi, 'valore' è assegnato al chiave nell'oggetto ogg .
Di seguito viene fornito il codice di esempio dell'operatore di diffusione per aggiungere valori a un oggetto:
Codice
consolle. tronco d'albero ( 'Un esempio per utilizzare l'operatore di diffusione' ) ;lascia obj1 = { nome : 'Harry' } ;
obj2 = { ... obj1 , colore : 'bianca' } ;
consolle. tronco d'albero ( obj2 ) ;
In questo codice:
- Un 'oggetto 1 ” viene utilizzato per memorizzare l'elemento nome assegnando il valore 'Harry' .
- Dopo di che, il 'bianca' il valore si aggiunge a 'oggetto1' .
- Alla fine, il console.log() il metodo visualizza i valori aggiunti nella finestra della console.
Produzione
L'output mostra il nuovo oggetto ' obj2 ” che contiene il valore dell'oggetto “ obj1 ” così come il valore aggiunto “ bianca ”.
Conclusione
JavaScript fornisce due metodi, ovvero Object.assign() e spingere() per aggiungere valori a un oggetto.
Il Object.assign() metodo che aggiunge valori agli oggetti tramite coppie chiave/valore. Il spingere() il metodo aggiunge uno o più valori in una matrice. in ogni caso, il differenza L'operatore (...) può essere utilizzato anche per aggiungere valori a un oggetto. Questo post ha dimostrato tutte le possibilità per aggiungere valori a un oggetto in JavaScript.