Map στο JavaScript
- Προηγούμενη σελίδα Μέθοδοι JS Set
- Επόμενη σελίδα Μέθοδοι JS Map
Map 是一种键值对的集合,其中键可以是任何数据类型。
Map 会记住键的原始插入顺序。
如何创建 Map
可以通过以下方式创建 JavaScript Map:
- 将数组传递给
new Map()
. - 创建一个 Map 并使用
Map.set()
.
new Map() 方法
可以通过将数组传递给 new Map()
构造函数来创建 Map:
Instance
// Δημιουργία ενός Map const fruits = new Map([ ["apples", 500], ["bananas", 300], ["oranges", 200]
set() μέθοδο
Μπορείτε να χρησιμοποιήσετε set()
Μέθοδος για να προσθέσετε στοιχεία στο Map:
Instance
// Δημιουργία ενός Map const fruits = new Map(); // Ρύθμιση τιμής του Map fruits.set("apples", 500); fruits.set("bananas", 300); fruits.set("oranges", 200);
Προσπαθήστε να το δοκιμάσετε προσωπικά
set()
Η μέθοδος μπορεί επίσης να χρησιμοποιηθεί για να αλλάξει την υπάρχουσα τιμή του Map:
Instance
fruits.set("apples", 200);
Μέθοδος get()
get()
Μέθοδος για να αποκτήσετε τη τιμή του κλειδιού του Map:
Instance
fruits.get("apples"); // Επιστρέφει 500
Το Map είναι αντικείμενο
typeof
Επιστρέφει object:
Instance
// Επιστρέφει object: typeof fruits;
Προσπαθήστε να το δοκιμάσετε προσωπικά
instanceof Map
Επιστρέφει true:
Instance
// Επιστρέφει true: fruits instanceof Map;
Η διαφορά μεταξύ του JavaScript αντικειμένου και του Map
Εδώ είναι η διαφορά μεταξύ του JavaScript αντικειμένου και του Map:
αντικείμενο | Map |
---|---|
Δεν μπορεί να αναγνωρίζεται απευθείας | Μπορεί να αναγνωρίζεται απευθείας |
Δεν υπάρχει ιδιότητα size | Υπάρχει ιδιότητα size |
Τα κλειδιά πρέπει να είναι字符串 ή Symbol | Τα κλειδιά μπορούν να είναι οποιοδήποτε τύπος δεδομένων |
Η σειρά των κλειδιών δεν είναι σαφής | Τα κλειδιά τακτοποιούνται κατά σειρά εισαγωγής |
Υπάρχει προεπιλεγμένο κλειδί | Δεν υπάρχει προεπιλεγμένο κλειδί |
Πλήρης χειροκίνητο Map
Για πλήρη αναφορά, παρακαλώ επισκεφθείτε το:Χειροκίνητο JavaScript Map.
Αυτό το χειροκίνητο περιλαμβάνει περιγραφές και παραδείγματα όλων των ιδιοτήτων και μεθόδων του Map.
Υποστήριξη προγράμματος περιήγησης
Το Map είναι Χαρακτηριστικά του ES6(JavaScript 2015).
Από τον Ιούνιο του 2017, όλα τα σύγχρονα προγράμματα περιήγησης υποστηρίζουν το ES6:
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
Μάιος 2016 | Αύγουστος 2017 | Ιούνιος 2017 | Σεπτέμβριος 2016 | Ιούνιος 2016 |
Το Internet Explorer δεν υποστηρίζει το Map.
- Προηγούμενη σελίδα Μέθοδοι JS Set
- Επόμενη σελίδα Μέθοδοι JS Map