JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptのMap.set()メソッドの使い方を解説

JavaScriptのMapオブジェクトが持つset()メソッドは、Mapに新しい要素（キーと値のペア）を追加したり、既存のキーに対する値を更新したりするために使用されます。

set()メソッドの基本

set()メソッドは2つの引数を受け取ります。第一引数にはキー（key）、第二引数には値（value）を指定します。同じキーがすでにMap内に存在する場合は、その値が新しい値で上書きされます。

構文

set()メソッドの構文は以下のとおりです。

mapVar.set(key, value)

なお、set()メソッドは呼び出し後のMapオブジェクト自身を返すため、メソッドチェーンで連続して要素を追加することも可能です。

使用例

以下の例では、Mapオブジェクトを作成し、set()メソッドを使って4つのキーと値のペアを追加しています。その後、has()メソッドを使って特定のキーの存在確認を行っています。

<html>
<head>
   <title>JavaScript Example</title>
</head>
<body>
   <script type="text/javascript">
      var mapVar = new Map();
      mapVar.set('1', 'Java');
      mapVar.set('2', 'JavaFX');
      mapVar.set('3', 'HBase');
      mapVar.set('4', 'Neo4j');
      document.write(mapVar.has('3'));
   </script>
</body>
</html>

実行結果

このコードを実行すると、キー「'3'」がMapに存在するため、以下のようにtrueが出力されます。

true

まとめ

Map.set()メソッドは、Mapへの要素追加と既存要素の更新を1つのメソッドで扱える便利なAPIです。戻り値としてMap自身を返すため、mapVar.set('a', 1).set('b', 2)のようなチェーン記述にも対応しており、可読性の高いコードを書くことができます。

  1. JavaScriptのcall()メソッドとは？使い方と実行例をわかりやすく解説

    JavaScriptのcall()メソッドを使うと、あるオブジェクト向けに定義されたメソッドを、別のオブジェクトに対しても再利用できます。つまり、同じ関数をさまざまなオブジェクトから呼び出せるようになるのです。call()メソッドの大きな特徴は、引数（パラメータ）をカンマ区切りで個別に渡すという点です。これにより、thisの参照先を任意のオブジェクトに変更しながら、必要な値も同時に渡せます。call()メソッドの基本的な仕組みcall()は以下のような形式で使用します。関数名.call(thisArg, 引数1, 引数2, ...)第1引数（thisArg）：関数内でthisとして参照されるオ

  2. JavaScriptのapply()メソッドとは？別オブジェクトで関数を再利用する方法を解説

    JavaScriptのapply()メソッドとは JavaScriptのapply()メソッドを使用すると、あるオブジェクト向けに定義したメソッドを、別のオブジェクトでもそのまま再利用できます。最大の特徴は、関数に渡す引数を配列としてまとめて指定できる点です。これにより、柔軟で使い回しやすい関数設計が可能になります。 apply()の基本構文は以下のとおりです。 func.apply(thisArg, [arg1, arg2, ...]) 第1引数（thisArg）：関数内でthisとして参照されるオブジェクトを指定します。 第2引数（argsArray）：関数へ渡す引数を配列形式で指定しま