Πώς να δημιουργήσετε μια συνάρτηση χάρτη για αντικείμενα σε JavaScript

Pos Na Demiourgesete Mia Synartese Charte Gia Antikeimena Se Javascript



Ένα αντικείμενο είναι το δομικό στοιχείο για την αλληλεπίδραση με συναρτήσεις και ιδιότητες στο JavaScript. Είναι ωφέλιμο για την προσθήκη συγκεκριμένων τιμών στα χαρακτηριστικά ενός αντικειμένου. Γίνεται πραγματικότητα με το χάρτης() λειτουργία, η οποία είναι η ενσωματωμένη λειτουργικότητα της JavaScript. Επαναλαμβάνεται πάνω από τα χαρακτηριστικά του αντικειμένου με τα ζεύγη κλειδιού-τιμής. Αυτό το άρθρο παρουσιάζει τη δημιουργία συναρτήσεων χάρτη για αντικείμενα σε JavaScript. Το περιεχόμενο έχει ως εξής.

Πώς να δημιουργήσετε μια συνάρτηση χάρτη για αντικείμενα σε JavaScript;

Η JavaScript παρέχει μια μέθοδο map() για αντικείμενα που λειτουργεί με ένα ζεύγος κλειδιού-τιμής. Είναι πολύτιμο για την εκτέλεση διαφόρων λειτουργιών σε αντικείμενα χρησιμοποιώντας βασικές τιμές. Λειτουργεί παρόμοια με μια μέθοδο array.map() επαναλαμβάνοντας πάνω από στοιχεία ενός αντικειμένου. Λαμβάνοντας υπόψη τη συνάρτηση χάρτη για αντικείμενα, η σύνταξη γράφεται ως εξής.

Σύνταξη







χάρτης ( λειτουργία ( στοιχείο, ευρετήριο )

Σε αυτή τη σύνταξη, το λειτουργία επαναλαμβάνεται πάνω από το στοιχείο μέσα από δείκτης αξία.



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



Παράδειγμα 1: Δημιουργήστε μια συνάρτηση χάρτη και εμφανίστε τα χαρακτηριστικά

Ένα παράδειγμα προσαρμόζεται για να δημιουργήσει μια συνάρτηση χάρτη και να εκχωρήσει διαφορετικές τιμές σε χαρακτηριστικά. Η μέθοδος map() επαναλαμβάνει όλα τα χαρακτηριστικά του αντικειμένου. Τέλος, εμφανίστε όλα τα χαρακτηριστικά μαζί με τις τιμές τους στο παράθυρο της κονσόλας. Ο παρακάτω κώδικας εφαρμόζεται ως εξής:





Κώδικας

κονσόλα. κούτσουρο ( 'Δημιουργία συνάρτησης χάρτη για αντικείμενα' ) ;

ας Stud_Obj = {

'Math_Marks' : 80 ,

'English_Marks' : 77 ,

'Physics_Marks' : 90 } ;

Αντικείμενο . κλειδιά ( Stud_Obj ) . χάρτης ( λειτουργία ( κλειδί, τιμή ) {

} ) ;

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

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



  • Δημιουργείται ένα αντικείμενο με το όνομα 'Stud_Obj' και έχει διαφορετικά χαρακτηριστικά, συμπεριλαμβανομένων 'Math_Marks', 'English_Marks' και «Φυσικά_Σήματα».
  • Αυτά τα χαρακτηριστικά περιέχουν διαφορετικά “80, 77 και 90” τιμές που εκχωρούνται από την άνω και κάτω τελεία.
  • Μετά από αυτό, Αντικείμενο.κλειδιά χρησιμοποιούνται για την επιστροφή των ιδιοτήτων ενός αντικειμένου 'Stud_Obj'.
  • Ο χάρτης() Η συνάρτηση καλεί όλα τα χαρακτηριστικά που υπάρχουν στο αντικείμενο μέσω ζευγών κλειδιού-τιμής.
  • Στο τέλος, το console.log() χρησιμοποιείται μέθοδος για την εμφάνιση του αντικειμένου 'Stud_Obj' στο παράθυρο της κονσόλας.

Παραγωγή

Η έξοδος επιστρέφει όλα τα χαρακτηριστικά 'Math_Marks', 'English_Marks' και 'Φυσικά_Σήματα' με τις εκχωρημένες τιμές τους στο παράθυρο της κονσόλας.

Παράδειγμα 2: Δημιουργία συνάρτησης χάρτη και εκχώρηση τιμών

Ένα παράδειγμα χρησιμοποιείται για τη δημιουργία ενός νέου αντικειμένου χάρτη χρησιμοποιώντας το νέος λέξη-κλειδί. Μετά από αυτό, το map.set() Οι μέθοδοι χρησιμοποιούνται για την εκχώρηση χαρακτηριστικών στον κώδικα JavaScript.

Κώδικας

κονσόλα. κούτσουρο ( 'Δημιουργία συνάρτησης χάρτη για αντικείμενα' ) ;

αφήστε χάρτη = νέος Χάρτης ( ) ;

χάρτης. σειρά ( 'Harry_id' , 04 ) ;

χάρτης. σειρά ( 'Peter_id' , 08 ) ;

χάρτης. σειρά ( 'John_id' , 07 ) ;

αφήστε το obj_ids = Πίνακας . από ( χάρτης ) . περιορίζω ( ( obj_ids, [ κλειδί, τιμή ] ) => (

Αντικείμενο . αναθέτω ( obj_ids, { [ κλειδί ] : αξία } )

) , { } ) ;

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

Η επεξήγηση του κώδικα έχει ως εξής:

  • ΕΝΑ χάρτης το αντικείμενο δημιουργείται με α νέος λέξη-κλειδί που επαναλαμβάνεται πάνω από τα χαρακτηριστικά του αντικειμένου.
  • Μετά από αυτό, το map.set() Η μέθοδος χρησιμοποιείται με την ανάθεση των χαρακτηριστικών 'Harry_id' , 'Peter_id' και 'John_id'.
  • Αυτά τα χαρακτηριστικά έχουν μοναδικές τιμές συμπεριλαμβανομένων '04', '08', και “07” αντίστοιχα.
  • Επιπλέον, το Array.from() μέθοδος επιστρέφει τον πίνακα από το χάρτης αντικείμενο.
  • Μετά από αυτό, το περιορίζω() μέθοδος καλεί πίσω το obj_ids και εξάγει όλα τα χαρακτηριστικά με αξίες .
  • ο Object.assign() μέθοδος ορίζει τη συγκεκριμένη τιμή σε κάθε χαρακτηριστικό μέσω κλειδιά .
  • Τέλος, το console.log() Η μέθοδος παρουσιάζει όλα τα χαρακτηριστικά του αντικείμενο περνώντας 'obj_ids' .

Παραγωγή

Παράδειγμα 3: Μέθοδος Object.entries() σε JavaScript

Η JavaScript παρέχει το Object.entries() μέθοδο και επιστρέφει όλα τα χαρακτηριστικά του αντικειμένου με βάση κλειδί-τιμή ζεύγη. Λαμβάνοντας υπόψη το Object.entries() μέθοδο, ο κώδικας γράφεται ως εξής.

Κώδικας

κονσόλα. κούτσουρο ( 'Δημιουργία συνάρτησης χάρτη για αντικείμενα' ) ;
συνθ sports_obj = {
πρώτα : 'Κρίκετ' ,
δεύτερος : 'Ποδόσφαιρο' ,
τρίτος : 'Χακί' ,
}
συνθ Μ = νέος Χάρτης ( Αντικείμενο . καταχωρήσεις ( sports_obj ) ) ;
κονσόλα. κούτσουρο ( Μ ) ;

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

  • Πρώτον, ένα αντικείμενο 'sports_obj' δημιουργείται που περιέχει διαφορετικά χαρακτηριστικά 'πρώτο δευτερόλεπτο' και 'τρίτος'.
  • Αυτά τα χαρακτηριστικά έχουν διαφορετικές τιμές όπως «Κρίκετ», «Ποδόσφαιρο» και 'Χακί'.
  • Μετά από αυτό, το Object.entries() Η μέθοδος δέχεται ένα αντικείμενο 'sports_obj' και επιστρέφει όλα τα χαρακτηριστικά και τα αποθηκεύει στη μεταβλητή 'Μ'.
  • Τέλος, το console.log() Η μέθοδος χρησιμοποιείται για την παρουσίαση της λίστας με τα χαρακτηριστικά των αντικειμένων στο παράθυρο της κονσόλας.

Παραγωγή

Η έξοδος εμφανίζει τον αριθμό των χαρακτηριστικών ως '3' και εμφανίζει όλα τα χαρακτηριστικά με τιμές στο παράθυρο της κονσόλας.

συμπέρασμα

Η JavaScript παρέχει α χάρτης() μέθοδος για τη δημιουργία μιας συνάρτησης χάρτη για την αλληλεπίδραση με τις ιδιότητες των αντικειμένων. Επαναλαμβάνει όλα τα χαρακτηριστικά των αντικειμένων χρησιμοποιώντας βασικές τιμές. Επιπλέον, το map.set() Οι μέθοδοι χρησιμοποιούνται για την εκχώρηση των ιδιοτήτων των αντικειμένων. Επιπλέον, το Object.entries() μέθοδος επιστρέφει όλα τα χαρακτηριστικά του αντικειμένου μετά τη δημιουργία μιας συνάρτησης χάρτη σε JavaScript. Αυτό το άρθρο παρουσιάζει τη δημιουργία μιας συνάρτησης χάρτη για αντικείμενα και εμφανίζει όλα τα χαρακτηριστικά των αντικειμένων στο παράθυρο της κονσόλας.