Detaillierte Erläuterung der Karte und gängiger API-Beispiele

Der Map-Typ in ECMAScript 6 ist eine geordnete Liste, die viele Schlüssel-Wert-Paare speichert. Schlüssel-Wert-Paare unterstützen alle Datentypen. Die Schlüssel 0 und „0“ werden als zwei verschiedene Schlüssel behandelt, und es erfolgt keine erzwungene Typkonvertierung. Dieser Artikel enthält hauptsächlich eine ausführliche Erklärung der es6-Serie und eine allgemeine API-Einführung.

Wie verwende ich Map?

let map = new Map();

Gemeinsame Methoden:

set(key, value): Fügen Sie ein neues Schlüssel-Wert-Paarelement hinzu

get( key): Rufen Sie den dem Schlüssel entsprechenden Wert ab, geben Sie undefinierte Typkonvertierung zurück.

let map = new Map();
map.set( '0', 'ghostwu' );
map.set( 0, 'ghostwu' );

console.log( map.get( '0' ) ); //ghostwu
console.log( map.get( 'name' ) ); //undefined;

has( key ): Bestimmen Sie, ob der Schlüsselname existiert

let map = new Map();
var key1 = {}, key2 = {};

map.set( key1, 'ghostwu' );
map.set( key2, 22 );

console.log( map.get( key1 ) ); //ghostwu
console.log( map.get( key2 ) ); //22

delete( key ): Löschen Sie den Schlüsselnamen und den entsprechenden Wert

clear(): Entfernen Sie die Karte Alle Schlüssel-Wert-Paare in der Sammlung

Größe: die Anzahl der Elemente in der Kartensammlung

Map unterstützt die Array-Initialisierung unter Verwendung eines zweidimensionalen Arrays, und jedes Array verwendet Schlüssel-Wert-Paare.

let map = new Map();
map.set( 'name', 'ghostwu' );
map.set( 'age', 22 );

console.log( map.has( 'name' ) );//true
console.log( map.size ); //2

map.delete( 'name' );
console.log( map.has( 'name' ) );//false
console.log( map.size ); //1
console.log( map.has( 'age' ) ); //true

map.clear();
console.log( map.size ); //0
console.log( map.has( 'age' ) ); //false

Map unterstützt auch die forEach-Methode, die zwei Parameter unterstützt eine: Funktion, die 3 Parameter unterstützt (Wert, Schlüssel, aktuelle Karte), die zweite: diese

let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] );
console.log( map.has( 'name') ); //true
console.log( map.has( 'age') ); //true
console.log( map.size ); //2
map.set( 'sex', 'man' );
console.log( map.size );
console.log( map.get( 'name' ) ); //ghostwu
map.clear();
console.log( map.size ); //0

let map = new Map( [ [ 'name', 'ghostwu' ], [ 'age', 22 ] ] );
map.set( 'sex', 'man' );
map.forEach( function( val, key, cur ){
 console.log( val, key, cur, this );
}, 100 );

Verwandte Empfehlungen:

häufig verwendete Javascript-API

Details zu häufig verwendeten JavaScript-Vorgängen in der DOM-API-Zusammenfassung

Detaillierte Erläuterung der häufig verwendeten HTML5-Leinwand API-Zusammenfassung (2) – Zeichnungs-API

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung der Karte und gängiger API-Beispiele. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!