資料結構
網路
關係資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法律研究如何在 JavaScript 物件字面量中使用變數作為鍵？
在 JavaScript 中，有時我們需要使用變數作為物件鍵。例如，當從 API 獲取資料並且不確定所有響應資料屬性時，我們必須遍歷響應物件並存儲其每個屬性。
但是，我們在建立物件時無法使用變數作為鍵，但建立後，我們可以將變數屬性新增到物件中。
語法
使用者可以按照以下語法在 JavaScript 物件中使用變數作為鍵。
object[key] = value;
在上述語法中，'key' 是一個包含某個值的變數。
示例
在下面的示例中，我們建立了一個包含表格屬性的物件。此外，我們建立了 'dimensions' 變數來儲存表格的尺寸。'key' 變數包含 'dimensions' 作為字串值。
建立物件後，我們使用 'key' 變數作為物件屬性，並使用 'dimension' 變數的值作為物件屬性值。
<html>
<body>
<h2>Using variables as key of JavaScript object</h2>
<div id = "content"> </div>
<script>
let content = document.getElementById("content");
let object = {
"table_id": 1,
"table_name": "table1",
"table_price": 100
};
let dimesions = "100 x 100";
let key = "dimensions";
object[key] = dimesions;
for (let key in object) {
content.innerHTML += key + " : " + object[key] + "<br>";
}
</script>
</body>
</html>
在輸出中，使用者可以觀察到表格尺寸儲存為 'dimensions' 物件的值。
示例
在下面的示例中，我們建立了一個空物件。之後，我們使用 for 迴圈進行 10 次迭代。我們在每次迭代中使用 'I' 作為鍵，並使用 i*i 作為屬性值。
這樣，我們將數字的平方作為值儲存，並將數字本身作為鍵。
<html>
<body>
<h2>Using variables as key of JavaScript object</h2>
<div id="content"> </div>
<script>
let content = document.getElementById("content");
let object = {};
for (let i = 0; i < 10; i++) {
object[i] = i * i;
}
content.innerHTML = "The object is: " + JSON.stringify(object) + "<br>";
for (let i = 0; i < 10; i++) {
content.innerHTML += "The square of " + i + " is " + object[i] + "<br>";
}
</script>
</body>
</html>
使用者學習瞭如何在建立 JavaScript 物件時使用變數作為鍵。當我們使用變數作為鍵時，它實際上使用變數的值作為鍵。
更新於： 2023年4月6日
11K+ 次瀏覽
廣告