Τρόπος προσθήκης τιμών στο αντικείμενο σε JavaScript

Tropos Prosthekes Timon Sto Antikeimeno Se Javascript



Ένα αντικείμενο είναι η πιο σημαντική οντότητα στη γλώσσα προγραμματισμού λόγω της αμετάβλητης ιδιότητάς του. Με αυτήν την ιδιότητα, οι προγραμματιστές μπορούν να χειριστούν διαφορετικές εργασίες μέσω αντικειμένων. Η προσθήκη διαφορετικών τιμών σε ένα υπάρχον αντικείμενο πραγματοποιείται για να γίνουν αλλαγές χρόνου εκτέλεσης στα αντικείμενα. Η JavaScript προσφέρει μια ποικιλία ενσωματωμένων μεθόδων για την προσθήκη τιμών σε αντικείμενα στο JavaScript. Σε αυτήν την ανάρτηση, θα δείξουμε όλες τις πιθανές μεθόδους μαζί με παραδείγματα για την προσθήκη τιμών σε αντικείμενα στο JavaScript. Αυτή η ανάρτηση εξυπηρετεί τα ακόλουθα μαθησιακά αποτελέσματα:

Μέθοδος 1: Χρήση της μεθόδου Object.assign() για την προσθήκη τιμών στο αντικείμενο σε JavaScript

ο Object.assign() Η μέθοδος είναι γνωστή για την προσάρτηση τιμών σε αντικείμενα. Χρειάζονται δύο επιχειρήματα. Το πρώτο αντιπροσωπεύει το αντικείμενο προορισμού και το δεύτερο όρισμα παίρνει τα ζεύγη κλειδιού/τιμής. Η σύνταξη του Object.assign() η μέθοδος παρέχεται παρακάτω:

Σύνταξη







Αντικείμενο . αναθέτω ( στόχος, πηγή ) ;

Οι παράμετροι περιγράφονται εδώ:



  • στόχος : καθορίζει το αντικείμενο στο οποίο θα προσαρτηθούν οι τιμές.
  • πηγή : αναφέρεται στην τιμή που προσαρτάται.

Ας κατανοήσουμε τη λειτουργία αυτής της μεθόδου μέσω του παρακάτω παραδείγματος κώδικα:



Κώδικας





κονσόλα. κούτσουρο ( 'Ένα παράδειγμα για τη χρήση της μεθόδου assign()' ) ;

αφήστε το user_obj = {

1 : { όνομα : 'Αδάμ' } ,

δύο : { όνομα : 'Βασανίζω' } ,

} ;

ας αντικ = Αντικείμενο . αναθέτω ( user_obj, { 3 : { όνομα : 'Τζάσαμ' } } ) ;

κονσόλα. κούτσουρο ( αντικ ) ;

Σε αυτόν τον κώδικα:

  • Πρώτα, 'Αδάμ' και 'Βασανίζω' εκχωρούνται ως τιμές στο 'όνομα' ιδιοκτησία.
  • ο Object.assign() Η μέθοδος χρησιμοποιείται για την προσθήκη α 'Τζάσαμ' αξία στο 'user_obj' αντικείμενο.
  • Τέλος, το console.log() Η μέθοδος χρησιμοποιείται για την παρουσίαση όλων των τιμών στο παράθυρο της κονσόλας.



Παραγωγή

Παρατηρείται από την έξοδο ότι η νέα τιμή προστίθεται επιτυχώς στο αντικείμενο.

Μέθοδος 2: Χρήση της μεθόδου push() για την προσθήκη τιμών σε ένα αντικείμενο πίνακα σε JavaScript

ο Σπρώξτε() Η μέθοδος μπορεί να χρησιμοποιηθεί για την προσθήκη ή την εισαγωγή μιας ή πολλαπλών τιμών σε έναν πίνακα. Αυτή η μέθοδος επιστρέφει έναν νέο πίνακα μετά την προσθήκη τιμών. Ας δούμε αν λειτουργεί μέσω της ακόλουθης σύνταξης:

Σύνταξη

αρ. Σπρώξτε ( value1, value2, ..., valueN )

Σε αυτή τη σύνταξη, 'τιμή 1', 'τιμή 2' και 'valueN' είναι οι τιμές που πρέπει να προσαρτηθούν στο ' αρ ” μεταβλητή.

Κώδικας

κονσόλα. κούτσουρο ( 'Ένα παράδειγμα για τη χρήση της μεθόδου assign()' ) ;

συνθ Αθλητισμός = [ 'κρίκετ' , 'χακί' , 'ποδόσφαιρο' ] ;

συνθ μετρητής = Αθλητισμός. Σπρώξτε ( 'μπάσκετ' ) ;

κονσόλα. κούτσουρο ( μετρητής ) ;

κονσόλα. κούτσουρο ( Αθλητισμός ) ;

Η περιγραφή του κώδικα παρέχεται εδώ:

  • Ένας πίνακας με όνομα 'Αθλητισμός' δημιουργείται το οποίο περιλαμβάνει τρία στοιχεία δηλ. «κρίκετ», «χόκεϊ» και 'ποδόσφαιρο' .
  • Μετά από αυτό, η αξία 'μπάσκετ' προσαρτάται στη χρήση του sports.push() μέθοδο σε JavaScript.
  • Στο τέλος, το console.log() μέθοδος εμφανίζει τον πίνακα στο παράθυρο της κονσόλας .

Παραγωγή

Η έξοδος δείχνει ότι το 'μπάσκετ' η τιμή προστίθεται στο Αθλητισμός αντικείμενο χρησιμοποιώντας το Σπρώξτε() μέθοδος.

Μέθοδος 3: Χρήση τελεστή Spread (…) για προσθήκη τιμών στο αντικείμενο σε JavaScript

Ο τελεστής spread (…) χρησιμοποιείται για την προσθήκη τιμών σε αντικείμενα στο JavaScript. Είναι χρήσιμο να συγχωνεύετε αντικείμενα σε ένα μέρος. Η σύνταξη του τελεστή spread παρέχεται παρακάτω:

Σύνταξη

{ ... αντικ , κλειδί : 'αξία' }

Σε αυτή τη σύνταξη, 'αξία' ανατίθεται στο κλειδί στο αντικείμενο αντικ .

Το παράδειγμα κώδικα του τελεστή spread για την προσθήκη τιμών σε ένα αντικείμενο παρέχεται παρακάτω:

Κώδικας

κονσόλα. κούτσουρο ( 'Ένα παράδειγμα χρήσης του τελεστή spread' ) ;

ας obj1 = { όνομα : 'Βασανίζω' } ;

obj2 = { ... obj1 , χρώμα : 'άσπρο' } ;

κονσόλα. κούτσουρο ( obj2 ) ;

Σε αυτόν τον κώδικα:

  • Ενα 'αντικείμενο 1 ' χρησιμοποιείται για την αποθήκευση του στοιχείου όνομα με την ανάθεση της τιμής 'Βασανίζω' .
  • Μετά από αυτό, το 'άσπρο' αξία προσαρτάται σε 'obj1' .
  • Στο τέλος, το console.log() μέθοδος εμφανίζει τις προσαρτημένες τιμές στο παράθυρο της κονσόλας.

Παραγωγή

Η έξοδος δείχνει το νέο αντικείμενο ' obj2 ' που περιέχει την τιμή από το αντικείμενο ' obj1 'καθώς και η προσαρτημένη τιμή' άσπρο '.

συμπέρασμα

Η JavaScript παρέχει δύο μεθόδους, δηλ. Object.assign() και Σπρώξτε() για να προσθέσετε τιμές σε ένα αντικείμενο.

ο Object.assign() μέθοδος προσάρτησης τιμών σε αντικείμενα κατά ζεύγη κλειδιών/τιμών. ο Σπρώξτε() μέθοδος προσθέτει μία ή πολλές τιμές σε έναν πίνακα. Ωστόσο, το εξάπλωση (…) ο τελεστής μπορεί επίσης να χρησιμοποιηθεί για την προσθήκη τιμών σε ένα αντικείμενο. Αυτή η ανάρτηση έχει δείξει όλες τις δυνατότητες για την προσθήκη τιμών σε ένα αντικείμενο σε JavaScript.