如何在 JavaScript 物件文字中使用變數作為鍵？
- WBOY轉載
- 2023-08-28 08:25:071183瀏覽
在 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 物件時學會了使用變數作為鍵。當我們使用變數作為鍵時，它實際上使用變數的值作為鍵。
以上是如何在 JavaScript 物件文字中使用變數作為鍵？的詳細內容。更多資訊請關注PHP中文網其他相關文章！
陳述：
本文轉載於：tutorialspoint.com。如有侵權，請聯絡admin@php.cn刪除