- Object.assign()-menetelmän käyttäminen arvojen liittämiseen objektiin JavaScriptissä
- Push()-menetelmän käyttäminen arvojen liittämiseen objektiin JavaScriptissä
- Käytä leviämisoperaattoria (…) liittääksesi arvot objektiin JavaScriptissä
Tapa 1: Object.assign()-menetelmän käyttäminen arvojen liittämiseen objektiin JavaScriptissä
The Object.assign() menetelmä on kuuluisa arvojen liittämiseen objekteihin. Se vaatii kaksi argumenttia. Ensimmäinen edustaa kohdeobjektia, ja toinen argumentti ottaa avain/arvo-parit. Kohteen syntaksi Object.assign() menetelmä on annettu alla:
Syntaksi
Esine . antaa ( kohde, lähde ) ;
Parametrit on kuvattu tässä:
- kohde : määrittää objektin, johon arvot liitetään.
- lähde : viittaa lisättävään arvoon.
Ymmärretään tämän menetelmän toiminta seuraavan esimerkkikoodin avulla:
Koodi
konsoli. Hirsi ( 'Esimerkki assign()-menetelmän käytöstä' ) ;
anna user_obj = {
1 : { nimi : 'Adam' } ,
kaksi : { nimi : 'Harry' } ,
} ;
anna obj = Esine . antaa ( user_obj, { 3 : { nimi : 'Jasam' } } ) ;
konsoli. Hirsi ( obj ) ;
Tässä koodissa:
- Ensinnäkin 'Adam' ja 'Harry' on määritetty arvoiksi 'nimi' omaisuutta.
- The Object.assign() menetelmää käytetään liittämään a 'Jasam' arvoa 'user_obj' esine.
- Lopuksi, console.log() -menetelmää käytetään kaikkien arvojen esittämiseen konsoliikkunassa.
Lähtö
Tulosteesta havaitaan, että uusi arvo on lisätty onnistuneesti objektiin.
Tapa 2: Push()-menetelmän käyttö arvojen liittämiseen taulukkoobjektiin JavaScriptissä
The työntää() -menetelmää voidaan käyttää yhden tai useamman arvon lisäämiseen taulukkoon. Tämä menetelmä palauttaa uuden taulukon arvojen liittämisen jälkeen. Katsotaanpa, toimiiko se seuraavan syntaksin avulla:
Syntaksi
arr. työntää ( value1, value2, ..., valueN )Tässä syntaksissa 'arvo1', 'arvo2' ja “valueN” ovat arvot, jotka liitetään ' arr ”muuttuja.
Koodi
konsoli. Hirsi ( 'Esimerkki assign()-menetelmän käytöstä' ) ;konst Urheilu = [ 'kriketti' , 'jääkiekko' , 'jalkapallo' ] ;
konst laskuri = Urheilu. työntää ( 'koripallo' ) ;
konsoli. Hirsi ( laskuri ) ;
konsoli. Hirsi ( Urheilu ) ;
Koodin kuvaus löytyy täältä:
- Joukko nimeltä 'Urheilu' luodaan, joka koostuu kolmesta elementistä, esim. 'kriketti', 'jääkiekko' ja 'jalkapallo' .
- Sen jälkeen arvo 'koripallo' on liitetty käyttöön sports.push() menetelmä JavaScriptissä.
- Lopulta, console.log() menetelmä näyttää taulukon konsoliikkunassa .
Lähtö
Tulos osoittaa, että 'koripallo' arvo on liitetty Urheilu objektia käyttämällä työntää() menetelmä.
Tapa 3: Spread (…) -operaattorin käyttö arvojen lisäämiseen JavaScriptin objektiin
Hajautusoperaattoria (…) käytetään arvojen liittämiseen JavaScriptin objekteihin. On hyödyllistä yhdistää esineitä yhteen paikkaan. Hajautusoperaattorin syntaksi on annettu alla:
Syntaksi
{ ... obj , avain : 'arvo' }Tässä syntaksissa 'arvo' on osoitettu avain objektissa obj .
Alla on esimerkkikoodi hajautusoperaattorista arvojen liittämiseksi objektiin:
Koodi
konsoli. Hirsi ( 'Esimerkki levitysoperaattorin käyttämisestä' ) ;anna obj1 = { nimi : 'Harry' } ;
obj2 = { ... obj1 , väri : 'valkoinen' } ;
konsoli. Hirsi ( obj2 ) ;
Tässä koodissa:
- An 'obj1 ' käytetään elementin tallentamiseen nimi määrittämällä arvon 'Harry' .
- Sen jälkeen, 'valkoinen' arvo liitetään 'obj1' .
- Lopulta, console.log() menetelmä näyttää liitetyt arvot konsoliikkunassa.
Lähtö
Tulos näyttää uuden objektin ' obj2 'joka sisältää objektin arvon' obj1 ' sekä liitetty arvo' valkoinen ”.
Johtopäätös
JavaScript tarjoaa kaksi tapaa, ts. Object.assign() ja työntää() lisätäksesi arvoja objektiin.
The Object.assign() menetelmä, joka lisää arvoja objekteihin avain/arvo-parien avulla. The työntää() menetelmä lisää yhden tai useita arvoja taulukkoon. Kuitenkin levitän (…)-operaattoria voidaan käyttää myös arvojen liittämiseen objektiin. Tämä viesti on osoittanut kaikki mahdollisuudet lisätä arvoja JavaScript-objektiin.