Mapの詳細説明と共通API例

ECMAScript 6 の Map タイプは、多くのキーと値のペアを格納する順序付きリストです。キーと値のペアはすべてのデータ型をサポートし、キー 0 と '0' は 2 つの異なるキーとして扱われ、強制的な型変換は発生しません この記事では主に es6 シリーズのチュートリアル_マップの詳細説明と共通 API の紹介を紹介します。

Map の使い方

let map = new Map();

一般的なメソッド:

set(key, value): 新しいキーと値のペアの要素を追加します

get(key): 値が存在しない場合は、キーに対応する値を取得します。存在する、未定義を返す

rrree

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

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

2 つの空のオブジェクトですが、オブジェクトを Map キーとして使用できます。

has(key): キー名が存在するかどうかを判断します

delete(key): 削除します。キー名とそれに対応する

clear() の値: マップ コレクション内のすべてのキーと値のペアを削除します

size: マップ コレクション内の要素の数

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

Map は 2 次元を使用した配列の初期化をサポートします配列であり、各配列はキーと値のペアを使用します。メソッド

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 は、2 つのパラメーターをサポートする forEach メソッドもサポートしています。1 つ目は 3 つのパラメーター (値、キー、現在のマップ) をサポートする関数で、2 つ目は次のとおりです。これ

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

関連する推奨事項:

JavaScript 共通 API

DOM での JavaScript 操作によく使用される API の概要の詳細な紹介

html5 キャンバスの共通 A​​PI の概要の詳細な説明(2)--描画API

以上がMapの詳細説明と共通API例の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。