Τα αντικείμενα JavaScript χειρίζονται πολλές ιδιότητες που είναι οι τιμές του ζεύγους κλειδιών. Αυτές οι ιδιότητες χρησιμοποιούνται για τον καθορισμό των ιδιοτήτων και των χαρακτηριστικών ενός καθορισμένου αντικειμένου σε JavaScript. Όταν δημιουργούνται τα αντικείμενα, οι σχετικές ιδιότητές τους μπορούν να προστεθούν, να διαγραφούν και να τροποποιηθούν δυναμικά. Πιο συγκεκριμένα, υπάρχουν πολλές διαθέσιμες μέθοδοι JavaScript για την προσθήκη ιδιοτήτων σε ένα αντικείμενο.
Αυτή η ανάρτηση θα αναφέρει τις πολλαπλές μεθόδους για την προσθήκη μιας ιδιότητας σε ένα αντικείμενο στο JavaScript.
Πώς να προσθέσετε/εισαγάγετε ιδιότητα σε ένα αντικείμενο σε JavaScript;
Τώρα, θα καλύψουμε τις ακόλουθες μεθόδους για την προσθήκη ιδιοτήτων σε ένα αντικείμενο:
- Μέθοδος 1: Προσθήκη ιδιότητας χρησιμοποιώντας σημειογραφία κουκκίδων (.)
- Μέθοδος 2: Προσθήκη ιδιότητας χρησιμοποιώντας τη μέθοδο Object.assign().
- Μέθοδος 3: Προσθήκη ιδιότητας χρησιμοποιώντας τη μέθοδο Object.defineProperty().
Μέθοδος 1: Προσθήκη ιδιότητας σε ένα αντικείμενο χρησιμοποιώντας συμβολισμό κουκκίδων (.)
Ο συμβολισμός κουκκίδων είναι μια μέθοδος για την πρόσβαση στην ιδιότητα ενός αντικειμένου. Όταν γράφετε με σημειογραφία κουκκίδας, θα πρέπει πρώτα να γράψετε το όνομα του αντικειμένου, μετά μια τελεία (.) και μετά να εισαγάγετε το όνομα της ιδιότητας.
Παράδειγμα
Πρώτα, δηλώστε ένα αντικείμενο με τη βοήθεια του ' αφήνω λέξη-κλειδί και αντιστοιχίστε τις ιδιότητες στο καθορισμένο αντικείμενο μέσα στο μπλοκ:
ας αντικ = {
όνομα : 'Αξιωματικός' ,
ηλικία : 14 ,
} ;
Χρησιμοποιήστε το ' console.log() ' μέθοδος και περάστε το όρισμα ' αντικ ” για εμφάνιση στην κονσόλα:
κονσόλα. κούτσουρο ( αντικ ) ;Τώρα, προσθέστε την ιδιότητα με τη βοήθεια του συμβολισμού κουκκίδων:
αντικ. εκπαίδευση = 'Μηχανικός λογισμικού' ;
Εμφάνιση εξόδου στην κονσόλα:
κονσόλα. κούτσουρο ( αντικ ) ;Παραγωγή
Μέθοδος 2: Προσθήκη ιδιότητας σε ένα αντικείμενο χρησιμοποιώντας τη μέθοδο Object.assign().
Μπορούμε επίσης να χρησιμοποιήσουμε το ' αναθέτω() ” ενσωματωμένη μέθοδος JavaScript για την προσθήκη των ιδιοτήτων σε ένα αντικείμενο. Ο ' Object.assign() ” είναι μια στατική μέθοδος JavaScript που χρησιμοποιείται για την αντιγραφή όλων των μετρήσιμων χαρακτηριστικών και ιδιοτήτων από ένα ή περισσότερα αντικείμενα πηγής για τη στόχευση του αντικειμένου.
Σύνταξη
Για να χρησιμοποιήσετε τη μέθοδο object.assign(), ελέγξτε τη δεδομένη σύνταξη:
Αντικείμενο . αναθέτω ( στόχος , πηγή ) ;Στην παραπάνω σύνταξη:
- ' στόχος ” καθορίζει το αντικείμενο στο οποίο πρόκειται να αντιγραφούν οι τιμές των ιδιοτήτων.
- ' πηγή ” υποδεικνύει το αντικείμενο όπου πρέπει να αντιγραφούν οι αντίστοιχες τιμές ιδιοτήτων.
Παράδειγμα
Σε αυτό το παράδειγμα, πρώτα, δηλώστε μια μεταβλητή και εκχωρήστε τις ιδιότητες. Στη συνέχεια, δηλώστε μια άλλη μεταβλητή ακολουθώντας την ίδια διαδικασία:
ας εργαζόμενος = { όνομα : 'Αρτέμη' , ηλικία : 23 } ;αφήστε πληροφορίες = { γένος : 'Θηλυκός' , ιθαγένεια : 'Καναδικός' } ;
Χρησιμοποιήστε το ' Object.assign() ” μέθοδο και περάστε τα ορίσματα, όπου η πρώτη παράμετρος είναι το αντικείμενο προορισμού και η δεύτερη παράμετρος το αντικείμενο προέλευσης. Αυτή η μέθοδος θα αντιγράψει όλες τις τιμές πηγής στη στοχευμένη τιμή:
Αντικείμενο . αναθέτω ( υπάλληλος , πληροφορίες ) ;Στη συνέχεια, επικαλέστε το ' console.log() ' μέθοδος εμφάνισης του αποτελέσματος στην κονσόλα:
κονσόλα. κούτσουρο ( υπάλληλος ) ;κονσόλα. κούτσουρο ( πληροφορίες ) ;
Παραγωγή
Μέθοδος 3: Προσθήκη ιδιότητας σε ένα αντικείμενο χρησιμοποιώντας τη μέθοδο Object.defineProperty()
Ο ' Object.defineProperty() ” είναι μια στατική μέθοδος JavaScript που χρησιμοποιείται για τον ορισμό της πιο πρόσφατης και νέας ιδιότητας απευθείας σε ένα αντικείμενο ή την αλλαγή της υπάρχουσας ιδιότητας ενός αντικειμένου και την επιστροφή του αντικειμένου.
Σύνταξη
Για να χρησιμοποιήσετε το « Object.defineProperty() μέθοδος ', ακολουθήστε τη δεδομένη σύνταξη:
Αντικείμενο . defineProperty ( αντικ , new_property , διαμόρφωση ) ;Εδώ:
- ' αντικ ” αναφέρεται στο αντικείμενο.
- ' new_property ” καθορίζει την ιδιότητα που θα προστεθεί.
- ' διαμόρφωση ” ορίζει την τιμή που μπορεί να αλλάξει και να τροποποιηθεί.
Παράδειγμα
Δηλώστε ένα αντικείμενο με τη βοήθεια του « αφήνω » λέξη κλειδί:
ας αντικ = { } ;Χρησιμοποιήστε το ' Object.defineProperty() ” μέθοδος και μεταβίβαση των ορισμάτων και ορίστε την τιμή για την εγγράψιμη ιδιότητα ως true. Ως εκ τούτου, η ιδιότητα id του αντικειμένου obj μπορεί να αλλάξει τώρα:
Αντικείμενο . defineProperty ( αντικ , 'ταυτότητα' , {αξία : 137 ,
εγγράψιμο : αληθής
} ) ;
Προσθέστε ένα ακίνητο με τη βοήθεια του ' obj.id ” και εκχωρήστε την τιμή:
αντικ. ταυτότητα = 214 ;Σύμφωνα με τα επιχειρήματα που πέρασαν, η κονσόλα θα εμφανίσει την αλλαγμένη τιμή ιδιότητας:
κονσόλα. κούτσουρο ( 'Αναγνωριστικό αντικειμένου:' , αντικ. ταυτότητα ) ;Ορίστε την τιμή της εγγράψιμης ιδιότητας ως false. Ως αποτέλεσμα, η ιδιότητα ονόματος του αντικειμένου obj δεν μπορεί να αλλάξει τώρα:
Αντικείμενο . defineProperty ( αντικ , 'όνομα' , {αξία : 'Αξιωματικός' ,
εγγράψιμο : ψευδής } ) ;
Προσθέστε ένα ακίνητο με τη βοήθεια του ' obj.όνομα ” και εκχωρήστε την τιμή:
αντικ. όνομα = 'Hafsa Javed' ;Σύμφωνα με τα επιχειρήματα που πέρασαν, η κονσόλα δεν θα εμφανίσει την τιμή ιδιότητας που πέρασε νέα (Hafsa Javed), αλλά παλαιότερη (Hafsa):
κονσόλα. κούτσουρο ( 'Όνομα αντικειμένου:' , αντικ. όνομα ) ;Αυτό αφορά την προσθήκη της ιδιότητας σε ένα αντικείμενο στο JavaScript.
συμπέρασμα
Για να προσθέσετε την ιδιότητα σε ένα αντικείμενο σε JavaScript, μπορούν να χρησιμοποιηθούν πολλές μέθοδοι. Οι χρήστες μπορούν να προσθέσουν την ιδιότητα σε ένα αντικείμενο χρησιμοποιώντας το ' σημειογραφία κουκκίδας (.) », « Object.assign() 'μέθοδος ή η ' Object.defineProperty() 'μέθοδος. Αυτή η ανάρτηση ανέφερε τις πολλαπλές μεθόδους για την προσθήκη της ιδιότητας σε ένα αντικείμενο σε JavaScript.