Map στο JavaScript

Map 是一种键值对的集合,其中键可以是任何数据类型。

Map 会记住键的原始插入顺序。

如何创建 Map

可以通过以下方式创建 JavaScript Map:

  1. 将数组传递给 new Map().
  2. 创建一个 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.