如何在 JavaScript 中儲存鍵值陣列

Kirill Ibrahim 2023年1月30日 2020年11月24日
  1. 使用 JavaScript Object 來儲存鍵值陣列
  2. 使用 JavaScript Map 來儲存鍵值陣列
如何在 JavaScript 中儲存鍵值陣列

JavaScript 中的陣列是儲存不同元素的單個變數。我們可以需要它們來儲存一個元素列表,每個元素都有一個索引,通過它來訪問它們。JavaScript 有不同的方法來儲存一個鍵值陣列。

使用 JavaScript Object 來儲存鍵值陣列

JavaScript 中的 Object 是一個有屬性的實體,每個屬性都有值,所以鍵值術語可以在它身上發揮作用。

舉個例子

let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";

console.log(obj1);

輸出:

{
age: 30
city: "New York"
country: "USA"
id: 1
job: "software developer"
name: "Mark"
}

我們可以通過它進行迴圈。

let obj1 = { id: 1, name: 'Mark', age: 30, country: "USA" };
obj1.city = "New York";
obj1['job'] = "software developer";

for (let key in obj1) {
  console.log(key + " => " + obj1[key]);
}

輸出:

id => 1
name => Mark
age => 30
country => USA
city => New York
job => software developer

如果我們有一個陣列,我們可以在陣列中逐個迴圈,將每個元素的索引中的鍵值和 Object 中對應的值相加。

let arr1 = ["delfstack", "Computer", "Science"]; 

let obj1 = {}; 

for(let i = 0; i < arr1.length; i++){
  obj1[i] = arr1[i]; 
} 

for (let key of Object.keys(obj1)) {
  console.log(key + " => " + obj1[key] ) 
} 

輸出:

0 => delfstack
1 => Computer
2 => Science

使用 JavaScript Map 來儲存鍵值陣列

Map 就像 Object 一樣。它是一個帶鍵資料項的列表。不同的是,Map 允許任何型別的鍵。

JavaScript Map 的語法

let map = new Map();
  • 儲存鍵 => 值。
map.set('name', 'mark'); 

Java Map 示例

let arr1 = ["delfstack", "Computer", "Science"]; 

let map = new Map(); 

for(let i = 0; i < arr1.length; i++){
  map.set(i, arr1[i]); 
} 

for (let key of map.keys()) {
  console.log(key + " => " + map.get(key) ) 
} 

輸出:

0 => delfstack
1 => Computer
2 => Science

相關文章 - JavaScript Array

相關文章 - JavaScript Map