Ένα αντικείμενο στο JavaScript περιγράφεται ως μια ομάδα ζευγών κλειδιών-τιμών. Μερικές φορές, οι προγραμματιστές μπορεί να απαιτούν τον συνδυασμό των ιδιοτήτων των δύο αντικειμένων σε ένα νέο αντικείμενο. Αυτή η διαδικασία ονομάζεται συγχώνευση. Για τη συγχώνευση αντικειμένων, η JavaScript παρέχει ορισμένες ενσωματωμένες μεθόδους που ονομάζονται ' Object.assign() 'μέθοδος ή η ' Χειριστής διασποράς '.
Αυτή η ανάρτηση θα περιγράψει τις μεθόδους για τη δυναμική συγχώνευση των ιδιοτήτων δύο αντικειμένων JavaScript.
Πώς να συγχωνεύσετε δυναμικά τις ιδιότητες δύο αντικειμένων JavaScript;
Χρησιμοποιήστε τις ακόλουθες μεθόδους για να συγχωνεύσετε δυναμικά τις ιδιότητες δύο αντικειμένων JavaScript:
Μέθοδος 1: Συγχώνευση/Συνδυασμός ιδιοτήτων δύο αντικειμένων JavaScript με δυναμική χρήση της μεθόδου Object.assign()
Χρησιμοποιήστε το ' Object.assign() ” μέθοδος για δυναμικό συνδυασμό των ιδιοτήτων δύο αντικειμένων JavaScript. Αυτή η μέθοδος διατηρεί την ακεραιότητα των αρχικών αντικειμένων αντιγράφοντας όλες τις αναρίθμητες ιδιότητες σε ένα αντικείμενο-στόχο από ένα ή περισσότερα αντικείμενα πηγής. Εάν το ίδιο χαρακτηριστικό υπάρχει και στα δύο αντικείμενα, η τιμή του δεύτερου αντικειμένου θα αντικαταστήσει την τιμή του πρώτου. Σημειώστε ότι αυτή η μέθοδος αντιγράφει μόνο αναρίθμητες ιδιότητες, επομένως δεν θα αντιγράψει ιδιότητες που κληρονομήθηκαν από το πρωτότυπο του αντικειμένου.
Σύνταξη
Ακολουθήστε την παρεχόμενη σύνταξη για τη συγχώνευση δύο αντικειμένων JavaScript:
targetObject = Αντικείμενο.εκχώρηση ( obj1, obj2, ... ) ;Παράδειγμα
Δημιουργήστε ένα αντικείμενο ' πληροφορίες ”:
όπου πληροφορία = {όνομα: 'Κλωστική μηχανή' ,
ηλικία: 24 ,
Rollno: δεκαπέντε
} ;
Δημιουργία δεύτερου αντικειμένου ' δραστηριότητες ” με τα ακόλουθα ζεύγη κλειδιών:
var δραστηριότητες = {παιχνίδι: 'Κρίκετ' ,
άσκηση: 'Γιόγκα'
} ;
Τηλεφώνησε στο ' Object.assign() ' μέθοδος συγχώνευσης των ιδιοτήτων του ' πληροφορίες ' και ' δραστηριότητες ' σε ένα νέο αντικείμενο που ονομάζεται ' μαθητης σχολειου ”:
var student = Αντικείμενο.ανάθεση ( πληροφορίες, δραστηριότητες ) ;Εκτύπωση των ιδιοτήτων του αντικειμένου ' μαθητης σχολειου ' χρησιμοποιώντας το ' console.log() 'μέθοδος:
console.log ( μαθητης σχολειου ) ;Η έξοδος δείχνει ότι οι ιδιότητες των αντικειμένων ' πληροφορίες ' και ' δραστηριότητες ' συγχωνεύονται με επιτυχία στο νέο αντικείμενο ' μαθητης σχολειου ”:
Μέθοδος 2: Συγχώνευση/Συνδυασμός ιδιοτήτων δύο αντικειμένων JavaScript με δυναμική χρήση του τελεστή Spread
Υπάρχει μια άλλη προσέγγιση για τη συγχώνευση των δύο αντικειμένων JavaScript, η οποία χρησιμοποιεί το ' Χειριστής διασποράς '. Είναι η συνήθως χρησιμοποιούμενη προσέγγιση για τη συγχώνευση αντικειμένων αντιγράφοντας όλα τα χαρακτηριστικά από αντικείμενα. Εάν δύο αντικείμενα έχουν μια ιδιότητα με το ίδιο όνομα, η ιδιότητα αντικειμένου στα δεξιά αντικαθιστά την προηγούμενη.
Σύνταξη
Η ακόλουθη σύνταξη χρησιμοποιείται για τη συγχώνευση ιδιοτήτων δύο αντικειμένων JavaScript με τη βοήθεια του τελεστή Spread:
targetObject = Αντικείμενο.εκχώρηση ( ...obj1, ...obj2, .... ) ;Παράδειγμα
Δημιουργήστε ένα νέο αντικείμενο ' μαθητης σχολειου ' και συγχώνευση των ιδιοτήτων των αντικειμένων ' πληροφορίες ' και ' δραστηριότητες 'σε μαθητή που χρησιμοποιεί τελεστή Spread' … ”:
ήταν μαθητής = {...πληροφορίες, ...δραστηριότητες
} ;
Παραγωγή
Έχουμε παράσχει όλες τις απαραίτητες πληροφορίες σχετικά με τη συγχώνευση των αντικειμένων στο JavaScript.
συμπέρασμα
Για να συγχωνεύσετε/συνδυάσετε τις ιδιότητες των αντικειμένων σε JavaScript, χρησιμοποιήστε το ' Object.assign() 'μέθοδος ή η ' Χειριστής διασποράς '. Ο τελεστής spread είναι η πιο συχνά χρησιμοποιούμενη προσέγγιση για τη συγχώνευση των ιδιοτήτων των αντικειμένων JavaScript. Εάν το ίδιο χαρακτηριστικό υπάρχει και στα δύο αντικείμενα, η τιμή του δεύτερου αντικειμένου θα αντικαταστήσει την τιμή του πρώτου. Σε αυτήν την ανάρτηση, περιγράψαμε τις μεθόδους για τη δυναμική συγχώνευση/συνδυασμό των ιδιοτήτων δύο αντικειμένων JavaScript.