- Methode Object.assign() gebruiken om waarden aan object toe te voegen in JavaScript
- De push()-methode gebruiken om waarden aan een object toe te voegen in JavaScript
- De operator spread (...) gebruiken om waarden aan object toe te voegen in JavaScript
Methode 1: Methode Object.assign() gebruiken om waarden aan object toe te voegen in JavaScript
De Object.toewijzen() methode is een bekende methode voor het toevoegen van waarden aan objecten. Er zijn twee argumenten nodig. De eerste vertegenwoordigt het doelobject en het tweede argument neemt de sleutel/waarde-paren. De syntaxis van Object.toewijzen() methode vindt u hieronder:
Syntaxis
Object . toewijzen ( doel, bron ) ;
De parameters worden hier beschreven:
- doelwit : specificeert het object waaraan de waarden worden toegevoegd.
- bron : verwijst naar de waarde die wordt toegevoegd.
Laten we de werking van deze methode begrijpen via de volgende voorbeeldcode:
Code
troosten. log ( 'Een voorbeeld om de methode assign() te gebruiken' ) ;
laat user_obj = {
1 : { naam : 'Adam' } ,
twee : { naam : 'Harrie' } ,
} ;
laat obj = Object . toewijzen ( gebruiker_obj, { 3 : { naam : 'Jasam' } } ) ;
troosten. log ( obj ) ;
In deze code:
- Ten eerste, 'Adam' en 'Harrie' worden toegewezen als waarden aan de 'naam' eigendom.
- De Object.toewijzen() methode wordt gebruikt om een toe te voegen 'Jasam' waarde voor de 'gebruiker_obj' object.
- eindelijk, de console.log() methode wordt gebruikt om alle waarden in het consolevenster te presenteren.
Uitgang:
Uit de uitvoer blijkt dat de nieuwe waarde met succes aan het object is toegevoegd.
Methode 2: Push()-methode gebruiken om waarden toe te voegen aan een array-object in JavaScript
De duw() methode kan worden gebruikt om een of meerdere waarden aan een array toe te voegen of in te voegen. Deze methode retourneert een nieuwe array na het toevoegen van waarden. Laten we eens kijken of het werkt via de volgende syntaxis:
Syntaxis
arr. duw ( waarde1, waarde2, ..., waardeN )In deze syntaxis, “waarde1”, “waarde2” en 'waardeN' zijn de waarden die moeten worden toegevoegd aan de ' arr ” variabele.
Code
troosten. log ( 'Een voorbeeld om de methode assign() te gebruiken' ) ;const sport- = [ 'krekel' , 'hockey' , 'Amerikaans voetbal' ] ;
const balie = sport. duw ( 'basketbal' ) ;
troosten. log ( balie ) ;
troosten. log ( sport- ) ;
De beschrijving van de code vindt u hier:
- Een array met de naam 'sport' wordt gecreëerd die uit drie elementen bestaat, namelijk 'cricket', 'hockey' en 'Amerikaans voetbal' .
- Daarna is de waarde 'basketbal' wordt toegevoegd aan het gebruik van de sport.push() methode in JavaScript.
- Op het einde, de console.log() methode geeft de array weer in het consolevenster .
Uitgang:
De uitvoer laat zien dat de 'basketbal' waarde wordt toegevoegd aan de sport- object door gebruik te maken van de duw() methode.
Methode 3: Spread (...) Operator gebruiken om waarden toe te voegen aan object in JavaScript
De spread (...) operator wordt gebruikt om waarden toe te voegen aan objecten in JavaScript. Het is handig om objecten op één plaats samen te voegen. De syntaxis van de spread-operator wordt hieronder weergegeven:
Syntaxis
{ ... obj , sleutel : 'waarde' }In deze syntaxis, 'waarde' is toegewezen aan de sleutel in het object obj .
De voorbeeldcode van de spread-operator om waarden aan een object toe te voegen, vindt u hieronder:
Code
troosten. log ( 'Een voorbeeld om de spread-operator te gebruiken' ) ;laat obj1 = { naam : 'Harrie' } ;
obj2 = { ... obj1 , kleur : 'wit' } ;
troosten. log ( obj2 ) ;
In deze code:
- Een 'obj1 ” wordt gebruikt om het element op te slaan naam door de waarde toe te kennen 'Harrie' .
- Daarna is de 'wit' waarde wordt toegevoegd aan 'obj1' .
- Op het einde, de console.log() methode geeft de toegevoegde waarden weer in het consolevenster.
Uitgang:
De uitvoer toont het nieuwe object ' obj2 ” die de waarde van het object bevat “ obj1 ” evenals de toegevoegde waarde “ wit ”.
Conclusie
JavaScript biedt twee methoden, d.w.z. Object.toewijzen() en duw() om waarden aan een object toe te voegen.
De Object.toewijzen() methode die waarden aan objecten toevoegt door middel van sleutel/waarde-paren. De duw() methode voegt een of meerdere waarden toe aan een array. echter, de verspreiding (...) operator kan ook worden gebruikt om waarden aan een object toe te voegen. Dit bericht heeft alle mogelijkheden gedemonstreerd voor het toevoegen van waarden aan een object in JavaScript.