JavaScript で Map オブジェクトを使用するにはどうすればよいですか?どのような操作がありますか?

この記事では、Map オブジェクトの作成方法と、Map オブジェクトを使用して追加、取得、削除、反復する方法を紹介しますので、具体的な内容を見ていきましょう。

まず、「Map オブジェクトを作成する方法」を見てみましょう。

マップ オブジェクトは、多くの場合、連想配列を作成すると理解しやすくなります。

まず、new を使用してインスタンスを作成します。

var map = new Map();

要素を追加するには、set() メソッドを使用します。

map.set('name', 'Tom');

この例では、文字列「Tom」値が「name」に追加されます。

ちなみに、インスタンス作成時に以下のように初期値を設定することもできます。

new Map([['name', 'Tom'], ['name', 'Jerry']]);

要素を取得および削除する方法

たとえば、次のような Map オブジェクトを作成します。

var map = new Map();
  
map.set('name', 'Tom');
map.set('age', 18);

To get the " name " 値を取得するには、get() メソッドを使用できます。以下のように

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

ちなみにsizeを実行すると格納されている要素数が取得でき、has()を使えば値があるかどうか確認できます。

console.log(map.size);
console.log(map.has('age'));

要素を削除するには、delete()で削除する要素の値を指定するだけです。

map.delete('name');
map.clear();

Map オブジェクトの場合、clear を実行すると、保存されているすべての要素が削除されます。

Map オブジェクトの反復処理

通常、反復は for-of ステートメントを使用することで簡単に行えますが、Map オブジェクトには便利なプロパティが用意されています。

たとえば、key() を使用して、格納された要素のすべての「キー」を取得できます。

以下の例を参照してください

for(var key of map.keys()) {
  console.log(key);
}

この例では、keys() を使用して Map オブジェクト ストレージに格納されているキーを繰り返し処理していることがわかります

So Mapオブジェクトのすべてのキーを列挙できます。

さらに今回はvalues()を使うと全ての値が取得されます。

for(var val of map.values()) {
  console.log(val);
}

この記事はここで終わります。さらに興味深い内容については、php 中国語 Web サイトの関連するチュートリアルの列に注目してください。 ！ ！

以上がJavaScript で Map オブジェクトを使用するにはどうすればよいですか?どのような操作がありますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。