Kaip pridėti reikšmes prie objekto „JavaScript“.

Kaip Prideti Reiksmes Prie Objekto Javascript



Objektas yra svarbiausias programavimo kalbos subjektas dėl savo nekintamos savybės. Naudodamiesi šia savybe, kūrėjai gali manipuliuoti įvairiomis užduotimis naudodami objektus. Skirtingų reikšmių pridėjimas prie esamo objekto atliekamas, kad būtų atlikti objektų vykdymo laiko pakeitimai. „JavaScript“ siūlo įvairius integruotus metodus, kaip pridėti vertes prie „JavaScript“ objektų. Šiame įraše kartu su pavyzdžiais parodysime visus galimus metodus, kaip pridėti vertes prie „JavaScript“ objektų. Šis įrašas skirtas šiems mokymosi rezultatams:

1 metodas: Object.assign() metodo naudojimas norint pridėti reikšmes prie objekto „JavaScript“.

The Object.assign() Metodas yra garsus verčių pridėjimo prie objektų metodas. Reikia dviejų argumentų. Pirmasis reiškia tikslinį objektą, o antrasis argumentas paima rakto / vertės poras. Sintaksė Object.assign() metodas pateikiamas žemiau:

Sintaksė







Objektas . priskirti ( tikslas, šaltinis ) ;

Parametrai aprašyti čia:



  • taikinys : nurodo objektą, prie kurio bus pridedamos reikšmės.
  • šaltinis : nurodo pridedamą reikšmę.

Supraskime šio metodo veikimą naudodami šį kodo pavyzdį:



Kodas





konsolė. žurnalas ( 'Pavyzdys, kaip naudoti assign() metodą' ) ;

tegul user_obj = {

1 : { vardas : 'Adomas' } ,

du : { vardas : 'Haris' } ,

} ;

tegul obj = Objektas . priskirti ( user_obj, { 3 : { vardas : 'Jasam' } } ) ;

konsolė. žurnalas ( obj ) ;

Šiame kode:

  • Pirma, 'Adomas' ir 'Haris' yra priskirtos kaip reikšmės 'vardas' nuosavybė.
  • The Object.assign() metodas naudojamas pridėti a 'Jasam' vertė į „user_obj“ objektas.
  • Galiausiai, console.log() metodas naudojamas visoms reikšmėms pateikti konsolės lange.



Išvestis

Iš išvesties pastebima, kad nauja reikšmė sėkmingai įtraukta į objektą.

2 metodas: Push() metodo naudojimas norint pridėti reikšmes prie masyvo objekto „JavaScript“.

The stumti () Metodas gali būti naudojamas norint pridėti arba įterpti vieną ar kelias vertes į masyvą. Šis metodas grąžina naują masyvą po reikšmių pridėjimo. Pažiūrėkime, ar tai veikia naudojant šią sintaksę:

Sintaksė

arr. stumti ( vertė1, vertė2, ..., vertėN )

Šioje sintaksėje „reikšmė1“, „vertė2“ ir 'vertėN' yra reikšmės, kurias reikia pridėti prie „ arr “ kintamasis.

Kodas

konsolė. žurnalas ( 'Pavyzdys, kaip naudoti assign() metodą' ) ;

konst sporto = [ 'Kriketas' , 'ledo ritulys' , 'futbolas' ] ;

konst skaitiklis = sporto. stumti ( 'krepšinis' ) ;

konsolė. žurnalas ( skaitiklis ) ;

konsolė. žurnalas ( sporto ) ;

Kodo aprašymas pateikiamas čia:

  • Masyvas pavadintas 'sportas' sukurtas, kurį sudaro trys elementai, t. „kriketas“, „ledo ritulys“ ir 'futbolas' .
  • Po to vertė 'krepšinis' pridedamas prie naudojimo sports.push() metodas JavaScript.
  • Galų gale, console.log() metodas rodo masyvą konsolės lange .

Išvestis

Išvestis rodo, kad 'krepšinis' reikšmė pridedama prie sporto objektą naudojant stumti () metodas.

3 būdas: Spread (…) operatoriaus naudojimas norint pridėti reikšmes prie objekto „JavaScript“.

Sklaidos (...) operatorius naudojamas pridėti vertes prie objektų „JavaScript“. Naudinga sujungti objektus į vieną vietą. Sklaidos operatoriaus sintaksė pateikiama toliau:

Sintaksė

{ ... obj , Raktas : 'vertė' }

Šioje sintaksėje 'vertė' yra priskirtas Raktas objekte obj .

Toliau pateikiamas sklaidos operatoriaus kodas, skirtas pridėti vertes prie objekto:

Kodas

konsolė. žurnalas ( 'Pavyzdys, kaip naudoti plitimo operatorių' ) ;

tegul obj1 = { vardas : 'Haris' } ;

obj2 = { ... obj1 , spalva : 'balta' } ;

konsolė. žurnalas ( obj2 ) ;

Šiame kode:

  • An 'obj1 “ yra naudojamas elementui saugoti vardas priskirdamas vertę 'Haris' .
  • Po to, 'balta' vertė pridedama prie 'obj1' .
  • Galų gale, console.log() metodas rodo pridėtas reikšmes konsolės lange.

Išvestis

Išvestis rodo naują objektą ' obj2 ', kuriame yra objekto vertė' obj1 “, taip pat pridedama reikšmė “ baltas “.

Išvada

„JavaScript“ siūlo du metodus, t. Object.assign() ir stumti () pridėti reikšmes prie objekto.

The Object.assign() Metodas, pridedant reikšmes prie objektų pagal rakto/reikšmių poras. The stumti () metodas prideda vieną ar kelias reikšmes į masyvą. Tačiau, plisti (...) operatorius taip pat gali būti naudojamas norint pridėti reikšmes prie objekto. Šis įrašas parodė visas galimybes pridėti reikšmes prie objekto „JavaScript“.