如何在 JavaScript 中儲存鍵值陣列

  2. 貼士文章
  3. JavaScript 貼士
  4. 如何在 JavaScript 中儲存鍵值陣列
Kirill Ibrahim 2023年1月30日 2020年11月24日
JavaScript JavaScript Array JavaScript Map
  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