JavaScript の基礎: 辞書を作成して使用する方法
ディクショナリは、アプリケーションにデータを格納するために使用できるデータ構造です。キーと値のペアを使用してデータを保存できます。これにより、特定の値を検索して取得できます。
ディクショナリにデータを保存したら、各項目の反復処理などの他のアクションを実行できます。アイテムが存在するかどうかを確認したり、不要になったアイテムを削除したりすることもできます。
辞書オブジェクトを作成する方法
ディクショナリは、データの格納に使用できる多くの重要なデータ構造の 1 つです。C# やその他の多くのプログラミング言語で辞書を作成できます。Java で同等の hashmap データ構造を作成することもできます。
JavaScript で辞書オブジェクトを作成するために使用できる「辞書」キーワードはありません。ただし、汎用オブジェクトを使用してディクショナリを作成できます。「Object」キーワードを使用して空の辞書を作成する方法の例を次に示します。
let dictionary = new Object();
次の簡略構文を使用して、空の辞書を作成することもできます。
let emptyDictionary = {};
ディクショナリを値で初期化したい場合は、「キー:値」の形式で各値を追加できます。
以下の例を使用して、「Pidgey」という文字列キーを作成し、それを値に関連付けることができます。値は、ペットの年齢、色、および性別のプロパティを持つオブジェクトです。
let petDictionary = {
"Pidgey": { Age: 0.5, Color: "Gray", Gender: "Male" },
"Mocha": { Age: 0.5, Color: "Brown", Gender: "Female" },
};
キーは文字列データ型に限定されません。数値やブール値など、他のデータ型を使用できます。
let wcDictionary = {
1: { Team: "Argentina" },
2: { Team: "France" },
};
let dictBool = {
true: { Message: "Confirmed" },
false: { Message: "Denied" },
};
Dictionary オブジェクトに値を追加する方法
次の形式を使用して、辞書に新しい項目を追加できます。
dictionary[new_key] = new_value
new_key は、任意の有効なキー値にすることができます。これは、後で辞書内の特定の項目にアクセスするときに使用するキーです。new_value は、キーに関連付ける任意のオブジェクトまたは値にすることができます。
これは、いくつかの値の例を使用して辞書に新しい項目を追加する方法の例です。
petDictionary["Apples"] = { Age: 2, Color: "Green", Gender: "Male" };
初期化するときと同様に、他のデータ型を使用してキーを表すこともできます。
wcDictionary[3] = { Team: "Morocco" };
キーに基づいて値にアクセスする方法
キー値を使用して辞書から値にアクセスできます。
let dictionaryValue = petDictionary["Mocha"];
console.log(dictionaryValue);
返される値には、そのキーに格納されているオブジェクト全体または値が含まれます。
ディクショナリ内の各項目を反復処理する方法
Object.keys() メソッドを使用して、辞書内の各項目を反復処理できます。Object.Keys() メソッドは、辞書で使用されるすべてのキーを含む配列を返します。
console.log(Object.keys(petDictionary));
コンソールに、辞書のすべてのキーを含む配列が表示されます。
キーのリストを使用して、辞書内の各項目をループし、各キーの値を取得できます。
for (const key of Object.keys(petDictionary)) {
console.log(key + ": ");
console.log(petDictionary[key]);
};
コンソールに次の結果が表示されます。
アイテムが辞書に存在するかどうかを確認する方法
「in」キーワードを使用して、キーが辞書に存在するかどうかを確認できます。
let inDictionary = 'Mocha' in petDictionary; // returns true
let notInDictionary = 'a' in petDictionary; // returns false
hasOwnProperty() メソッドを使用して、アイテムが存在するかどうかを確認することもできます。
let exists = petDictionary.hasOwnProperty('Mocha'); // returns true
let doesNotExist = petDictionary.hasOwnProperty('a'); // returns false
ディクショナリから値を削除する方法
項目を null に設定して、値がないことを示すことができます。
petDictionary['Apples'] = null;
ただし、その項目は引き続きディクショナリに存在します。アイテムを完全に削除したい場合は、「delete」キーワードを使用して削除できます。
delete petDictionary['Apples'];
JavaScript で辞書内にデータを保存する
JavaScript は辞書を第一級にサポートしていませんが、プレーン オブジェクトを使用してキーと値のペアを格納できます。
ディクショナリは、キーを使用してデータを格納およびアクセスするために使用できる非常に強力なデータ構造です。ディクショナリはデータを保存できる唯一の場所ではないため、ユース ケースにより適した他のデータ構造を調べることができます。
コメントを残す