Heim > Web-Frontend > js-Tutorial > Detaillierte Erläuterung von Map und Einführung in häufig verwendete APIs

Detaillierte Erläuterung von Map und Einführung in häufig verwendete APIs

巴扎黑
Freigeben: 2017-09-26 09:39:50
Original
1654 Leute haben es durchsucht

Der folgende Editor bietet Ihnen ein Tutorial zur es6-Serie_ Detaillierte Erläuterung der Karte und Einführung in häufig verwendete APIs. Der Herausgeber findet es ziemlich gut, deshalb werde ich es jetzt mit Ihnen teilen und es allen als Referenz geben. Folgen wir dem Editor, um einen Blick darauf zu werfen

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 findet keine Umwandlung statt.

Wie verwende ich Map?


1

let map = new Map();

Nach dem Login kopieren

Gemeinsame Methoden:

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

get(key): Rufen Sie den dem Schlüssel entsprechenden Wert ab. Wenn der Wert nicht vorhanden ist, geben Sie undefiniert zurück


1

2

3

4

5

6

let map = new Map();

map.set( '0', 'ghostwu' );

map.set( 0, 'ghostwu' );

 

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

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

Nach dem Login kopieren


1

2

3

4

5

6

7

8

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

Nach dem Login kopieren

Sie können Objekte als Map-Schlüssel verwenden, obwohl es sich um zwei leere Objekte handelt, findet keine starke Typkonvertierung statt.

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

delete( key ): löscht den Schlüsselnamen und den entsprechenden Wert

clear(): entfernt alle Schlüssel-Wert-Paare in der Kartensammlung

size: die Anzahl der Elemente in Die Kartensammlung


1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

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

Nach dem Login kopieren

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


1

2

3

4

5

6

7

8

9

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

Nach dem Login kopieren

Map unterstützt auch die forEach-Methode, die 2 Parameter unterstützt. Der erste: Funktion, der 3 Parameter unterstützt (Wert, Schlüssel, aktuelle Karte), der zweite: this


1

2

3

4

5

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 );

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonDetaillierte Erläuterung von Map und Einführung in häufig verwendete APIs. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage