動態值是我們分配給動態變量的值。動態變量是一種通過硬編碼在代碼中沒有特定名稱的變量，其地址在代碼運行時確定。名稱“動態”指的是能夠操作和更改的值。
這里我們將看到如何在 JavaScript 中創建動態值（也是對象值的一部分）并更改動態變量名稱未來無需訪問該組。它指的是我們聲明一個變量，然后我們在對象中使用相同的變量作為鍵之一，將來如果需要更改變量的名稱，我們可以在不訪問對象的情況下更改它。
要完成上面的任務，我們只需使用方括號 [ ] 在對象中分配變量名稱，如下所示 –
語法
以下是創建動態值和對象的語法 –
const key = 'KeyName';
const obj = { [key] : 'value'};
登錄后復制
這里key和value是用于創建對象的鍵值對，“obj”和keyName > 是鍵的值。
算法
第 1 步 – 定義使用的鍵創建對象。
第 2 步 – 創建對象并使用上面定義的鍵。
第 3 步 – 對上面創建的對象應用 JSON.stringify() 以顯示該對象。
示例1
我們可以使用下面的HTML程序來查看動態變量的聲明。
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>
登錄后復制登錄后復制
因此，在上面的代碼中，我們可以看到我們在對象中聲明了兩個鍵 f_name 和 l_name ，而沒有使用大括號[]，并且我們對 key1 和 key2 變量使用大括號，因為這兩個是動態值。
在輸出中，我們可以看到 key1 變量的名稱是 Eyecolour，key2 變量的值是 Haircolour。
示例 2
這里是另一個代碼將更多地闡明如何在不訪問對象的情況下更改動態變量的名稱。這里我們只是在代碼中交換兩個動態變量的名稱。
<!DOCTYPE html>
<html>
<body>
<h2> JavaScript Dynamic values </h2>
<div id = "result"> </div>
<script>
const key1 = "Haircolour";
const key2 = "Eyecolour";
const person = {
f_name : "Rohan",
l_name :"Joshi",
[key1] : "Black",
[key2] : "Brown"
};
// Converting the object value to show its value in html
str = JSON.stringify(person);
document.getElementById("result").innerHTML = str;
// To print value of object in console
console.log(person);
</script>
</body>
</html>
登錄后復制登錄后復制
在輸出中，我們可以看到兩個變量 key1 和 key2 的值??保持不變，但它們的名稱在不訪問對象的情況下發生了更改，因此這就是我們在 JavaScript 中創建動態值和對象的方式。
以上就是如何在 JavaScript 中創建動態值和對象？的詳細內容，更多請關注www.92cms.cn其它相關文章！
