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

JavaScriptのMapオブジェクトにおけるget()関数の使い方

JavaScriptのMapオブジェクトが持つget()関数は、指定されたキーを引数として受け取り、そのキーに対応する値を取得して返します。キーは文字列形式で指定するのが一般的です。

もしマップ内に該当するキーが存在しない場合は、undefinedが返される点にも注意しておきましょう。

構文

get()関数の基本的な構文は以下の通りです。

mapVar.get(key)

使用例

次のコードでは、Mapオブジェクトに4つのキーと値のペアを追加し、キー「3」に対応する値をget()関数で取得しています。

<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.get('3'));
   </script>
</body>
</html>

実行結果

上記のコードを実行すると、キー「3」に関連付けられた値が出力されます。

HBase

補足：存在しないキーを指定した場合

参考までに、マップに登録されていないキーを指定した場合の挙動も確認してみましょう。

var mapVar = new Map();
mapVar.set('1', 'Java');
document.write(mapVar.get('5')); // undefined が出力される

このように、get()関数はエラーをスローすることなくundefinedを返すため、値の存在チェックを行ってから処理を分岐させるなど、安全なコードを書くのに役立ちます。

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

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

  2. JavaScriptでCSS変数を取得・設定する方法

    JavaScriptを活用すると、CSS変数（カスタムプロパティ）の値を動的に読み取ったり、書き換えたりすることができます。ポイントになるのは、次の3つのメソッドです。 1. getComputedStyle() ― 適用済みスタイルの取得 getComputedStyle()メソッドは、対象の要素に実際に適用されているすべてのスタイル情報を含むオブジェクトを返します。このオブジェクトには、CSS変数の値も含まれています。 2. getPropertyValue() ― 目的のプロパティ値の取得 getComputedStyle()が返したオブジェクトに対してgetPropertyVal