JavaScriptのmapオブジェクトのget()メソッドについて記載します。
概要、実際のサンプルコードを交えて構文などの使い方をまとめてみました。
JavaScriptのMapオブジェクトとは?
キー(key)とキーに対応する値(value)を対応させて保持するオブジェクトで、Setオブジェクトと併せて、ES6(ES2015)から追加された比較的新しいデータタイプです。
配列に似ており、Javascript でデータを扱う上でよく使うデータ型として知られています。
またJSのオブジェクト型とも非常に似ておりますが、文字列や数値、真偽値(Boolean)をキーとなる値に対して自由に設定できる違いがあります。
JS,TypeScript,Node.jsなどで開発していくうえで重要なデータタイプとなっています。
それでは、次に本題の説明に移ります。
JavaScriptのmapオブジェクトのget()概要
mapオブジェクトのget()は、指定したキーに関連付けられた値を取得するメソッドです。
構文、使い方
mapオブジェクトのget()の構文:
1 |
map.get(key) |
使い方:
mapオブジェクトのget()メソッドを使用すると、指定したキーに関連付けられた値を取得できます。
引数について
get()の引数は、mapオブジェクトから値を取得するためのキーを指定します。
返り値について
mapオブジェクトのget()メソッドは、指定したキーに関連付けられた値を返します。
このメソッドを利用した便利なテクニック
Mapオブジェクトのget()を使うと、キーを指定して値を取得することができます。
これを使うと、オブジェクトのプロパティへのアクセスを効率的に行うことができます。
また、オブジェクトのプロパティが存在しない場合には、デフォルト値を返すことも可能です。
現場で実際にどのように使われているか
mapオブジェクトのget()は、指定したキーに関連付けられた値を取得するために使用されます。
例えば、以下のようなコードを使用して、オブジェクト内のキーと値を取得できます。
1 2 3 4 5 6 |
const myMap = new Map(); myMap.set('name', 'John'); myMap.set('age', 30); const name = myMap.get('name'); // John const age = myMap.get('age'); // 30 |
JavaScriptのmapオブジェクトのget()と一緒によく使われる処理
set()と一緒に使われることが多いです。
mapオブジェクトでは、キーと値を関連付けることができます。
get()を使用すると、特定のキーに関連付けられた値を取得できます。
set()を使用すると、特定のキーに値を関連付けることができます。
使用する上での注意点
・mapオブジェクトのget()は、指定したキーに関連付けられた値を取得します。
・キーが存在しない場合は、undefinedが返されます。
・引数が指定されない場合は、エラーが発生します。
JavaScriptのmapオブジェクトのget()と似た処理のJSメソッド、違い
Mapオブジェクトのhas()メソッドと似ていますが、下記の違いがあります。
- get()はキーが存在する場合に値を返す
- has()はキーが存在するかどうかを真偽値で返す
JavaScriptのmapオブジェクトのget()を使ったサンプルコードの紹介
mapオブジェクトのget()を使ったサンプルコード1
1 2 3 4 5 |
let map = new Map(); map.set('name', 'John'); let name = map.get('name'); console.log(name); |
mapオブジェクトのget()を使ったサンプルコード2
1 2 3 4 5 6 |
let map = new Map(); map.set('name', 'John'); map.set('age', 25); let age = map.get('age'); console.log(age); |
JavaScript mapオブジェクトの他メソッドについて
JavaScriptのmapオブジェクトの他メソッドについては、下記記事にもまとめていますので参考にしてみてください
メソッド名 | 機能 | リンク |
map new Map() | 新しいマップオブジェクトを作成します | JavaScript mapオブジェクト newMapメソッドの使い方 |
map.prototype.set() | マップ内のキーの値を設定します | JavaScript mapオブジェクト setメソッドの使い方 |
map.prototype.get() | マップ内のキーの値を取得します | JavaScript mapオブジェクト getメソッドの使い方 |
map.prototype.clear() | マップからすべての要素を削除します | JavaScript mapオブジェクト clearメソッドの使い方 |
map.prototype.delete() | キーで指定されたマップ要素を削除します | JavaScript mapオブジェクト deleteメソッドの使い方 |
map.prototype.has() | キーがマップに存在する場合、trueを返します | JavaScript mapオブジェクト hasメソッドの使い方 |
map.prototype.forEach() | マップ内の各キー/値ペアのコールバックを呼び出す | JavaScript mapオブジェクト foreachメソッドの使い方 |
map.prototype.entries() | マップ内の[key、value]ペアを持つイテレーターオブジェクトを返します | JavaScript mapオブジェクト entriesメソッドの使い方 |
map.prototype.keys() | マップ内にキーを含むイテレーターオブジェクトを返します | JavaScript mapオブジェクト keysメソッドの使い方 |
map.prototype.values() | マップ内の値のイテレーターオブジェクトを返します | JavaScript mapオブジェクト valuesメソッドの使い方 |
map size property | マップ要素の数を返します | JavaScript mapオブジェクト sizeプロパティの使い方 |
また、JavaScriptの公式ドキュメントであるMDNで記載されているmapオブジェクトのgetメソッドについても補足としてリンクを貼っておきます。
参考にしてみてください。