ホームページ  >  記事  >  ウェブフロントエンド  >  Mapの詳しい説明とよく使われるAPIの紹介

Mapの詳しい説明とよく使われるAPIの紹介

巴扎黑
巴扎黑オリジナル
2017-09-26 09:39:501614ブラウズ

以下のエディターは、es6 シリーズのチュートリアル_マップの詳細な説明と一般的に使用される API の紹介を提供します。編集者はこれがとても良いと思ったので、参考として共有します。エディターをフォローして見てみましょう

ECMAScript 6 の Map タイプは、多くのキーと値のペアを格納する順序付きリストです。キーと値のペアはすべてのデータ型をサポートし、キー 0 と '0' は 2 つの異なるキーとして扱われ、キャストは行われません。

set(key, value): 新しいキーと値のペア要素を追加します。 get(key): キーに対応する値を取得します。値が存在しない場合は、unknown を返します


let map = new Map();

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

console.log( map.get( '0' ) ); //ghostwu
console.log( map.get( 'name' ) ); //undefined;
OK オブジェクトを Map のキーとして使用します。これらは 2 つの空のオブジェクトですが、強力な型変換は行われません。

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 次元配列を使用した配列の初期化をサポートします。各配列はキーと値のペアを使用します。 Method

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 メソッドもサポートします。最初のもの: 関数、3 つのパラメーター (値、キー、現在のマップ) をサポートします。2 つ目:これ

りー

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。