Obiectele JavaScript gestionează mai multe proprietăți care sunt valorile perechii de chei. Aceste proprietăți sunt utilizate pentru a specifica calitățile și caracteristicile unui obiect definit în JavaScript. Când obiectele sunt create, proprietățile lor relevante pot fi adăugate, șterse și modificate dinamic. Mai precis, există mai multe metode de JavaScript disponibile pentru adăugarea de proprietăți la un obiect.
Această postare va indica metodele multiple pentru adăugarea unei proprietăți la un obiect în JavaScript.
Cum se adaugă / se inserează o proprietate la un obiect în JavaScript?
Acum, vom acoperi următoarele metode pentru adăugarea de proprietăți la un obiect:
- Metoda 1: Adăugați o proprietate folosind notația cu puncte (.)
- Metoda 2: Adăugați o proprietate folosind metoda Object.assign().
- Metoda 3: Adăugați o proprietate folosind metoda Object.defineProperty().
Metoda 1: Adăugați o proprietate la un obiect folosind notația cu puncte (.)
Notația cu puncte este o metodă de accesare a proprietății unui obiect. Când scrieți în notație cu puncte, trebuie să scrieți mai întâi numele obiectului, apoi un punct (.) și apoi să introduceți numele proprietății.
Exemplu
Mai întâi, declarați un obiect cu ajutorul „ lăsa ” și atribuiți proprietățile obiectului definit în bloc:
lasa obj = {
Nume : 'Ofiţer' ,
vârstă : 14 ,
} ;
Folosește ' console.log() ” metoda și treceți argumentul ” obj ” pentru a afișa pe consolă:
consolă. Buturuga ( obj ) ;Acum, adăugați proprietatea cu ajutorul notației cu puncte:
obj. educaţie = 'Inginer de software' ;
Afișează ieșirea pe consolă:
consolă. Buturuga ( obj ) ;Ieșire
Metoda 2: Adăugați o proprietate la un obiect folosind metoda Object.assign().
Putem folosi, de asemenea, „ atribui() ” metoda încorporată de JavaScript pentru a adăuga proprietăți într-un obiect. „ Object.assign() ” este o metodă statică de JavaScript care este utilizată pentru a copia toate caracteristicile și proprietățile numărabile de la unul sau mai multe obiecte sursă pentru a viza obiectul.
Sintaxă
Pentru a utiliza metoda object.assign(), verificați sintaxa dată:
Obiect . atribui ( ţintă , sursă ) ;În sintaxa de mai sus:
- „ ţintă ” determină obiectul în care vor fi copiate valorile proprietății.
- „ sursă ” indică obiectul în care trebuie copiate valorile proprietăților respective.
Exemplu
În acest exemplu, mai întâi, declarați o variabilă și atribuiți proprietățile. Apoi, declarați o altă variabilă urmând aceeași procedură:
lasa angajatul = { Nume : 'Diana' , vârstă : 23 } ;lasa informatiile = { gen : 'Femeie' , naţionalitate : 'Canadian' } ;
Folosește ' Object.assign() ” și treceți argumentele, unde primul parametru este obiectul țintă și al doilea parametru este obiectul sursă. Această metodă va copia toate valorile sursă din valoarea țintă:
Obiect . atribui ( angajat , informație ) ;Apoi, invocați „ console.log() ” metoda de afișare a rezultatului pe consolă:
consolă. Buturuga ( angajat ) ;consolă. Buturuga ( informație ) ;
Ieșire
Metoda 3: Adăugați o proprietate la un obiect folosind metoda Object.defineProperty().
„ Object.defineProperty() ” este o metodă statică JavaScript care este utilizată pentru a defini cea mai recentă și nouă proprietate direct la un obiect sau pentru a schimba proprietatea existentă a unui obiect și a returna obiectul.
Sintaxă
Pentru a utiliza „ Object.defineProperty() ”, urmați sintaxa dată:
Obiect . defineProperty ( obj , noua_proprietate , configurație ) ;Aici:
- „ obj ” se referă la obiect.
- „ noua_proprietate ” determină proprietatea care va fi adăugată.
- „ configurație ” definește valoarea care poate fi schimbată și modificată.
Exemplu
Declarați un obiect cu ajutorul „ lăsa ” cuvânt cheie:
lasa obj = { } ;Utilizați „ Object.defineProperty() ” și transmiteți argumentele și setați valoarea proprietății care poate fi scrisă ca adevărată. Prin urmare, proprietatea id a obiectului obj poate fi schimbată acum:
Obiect . defineProperty ( obj , 'id' , {valoare : 137 ,
inscriptibil : Adevărat
} ) ;
Adăugați o proprietate cu ajutorul „ obj.id ” și atribuiți valoarea:
obj. id = 214 ;Conform argumentelor transmise, consola va afișa valoarea modificată a proprietății:
consolă. Buturuga ( „ID obiect:” , obj. id ) ;Setați valoarea proprietății care poate fi scrisă ca false. Ca rezultat, proprietatea nume a obiectului obj nu poate fi schimbată acum:
Obiect . defineProperty ( obj , 'Nume' , {valoare : 'Ofiţer' ,
inscriptibil : fals } ) ;
Adăugați o proprietate cu ajutorul „ obj.nume ” și atribuiți valoarea:
obj. Nume = „Hafsa Javed” ;Conform argumentelor transmise, consola nu va afișa valoarea proprietății nouă (Hafsa Javed) transmisă, ci valoarea mai veche (Hafsa):
consolă. Buturuga ( „Numele obiectului:” , obj. Nume ) ;Acesta este totul despre adăugarea proprietății la un obiect în JavaScript.
Concluzie
Pentru a adăuga proprietatea unui obiect în JavaScript, pot fi utilizate mai multe metode. Utilizatorii pot adăuga proprietatea unui obiect utilizând „ notație cu puncte (.) ”, “ Object.assign() ” sau metoda “ Object.defineProperty() ” metoda. Această postare a precizat mai multe metode pentru adăugarea proprietății la un obiect în JavaScript.