JavaScript 基礎:如何創建和使用字典

JavaScript 基礎:如何創建和使用字典

字典是一種數據結構,可用於在應用程序中存儲數據。您可以使用鍵值對存儲數據,這樣您就可以查找和檢索特定值。

一旦將數據存儲在字典中,就可以完成其他操作,例如遍歷每個項目。您還可以檢查項目是否存在,或刪除不再需要的項目。

如何創建字典對象

字典是可用於存儲數據的眾多重要數據結構之一。您可以使用 C# 和許多其他編程語言創建字典。您還可以在 Java 中創建等效的哈希圖數據結構。

在 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[new_key] = new_value

new_key 可以是您選擇的任何有效鍵值。這是您稍後要訪問字典中的特定項目時將使用的鍵。new_value 可以是您想要與鍵關聯的任何對像或值。

這是一個示例,說明如何使用一些示例值將新項目添加到字典中:

petDictionary["Apples"] = { Age: 2, Color: "Green", Gender: "Male" };

和初始化時一樣,也可以用其他數據類型來表示key:

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 沒有對字典的一流支持,但您可以使用普通對象來存儲鍵/值對。

字典是一種非常強大的數據結構,可用於使用鍵存儲和訪問數據。字典不是唯一可以存儲數據的地方,因此您可以探索更適合您的用例的其他數據結構。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *