動(dòng)態(tài)值是我們分配給動(dòng)態(tài)變量的值。動(dòng)態(tài)變量是一種通過硬編碼在代碼中沒有特定名稱的變量，其地址在代碼運(yùn)行時(shí)確定。名稱“動(dòng)態(tài)”指的是能夠操作和更改的值。
這里我們將看到如何在 JavaScript 中創(chuàng)建動(dòng)態(tài)值（也是對象值的一部分）并更改動(dòng)態(tài)變量名稱未來無需訪問該組。它指的是我們聲明一個(gè)變量，然后我們在對象中使用相同的變量作為鍵之一，將來如果需要更改變量的名稱，我們可以在不訪問對象的情況下更改它。
要完成上面的任務(wù)，我們只需使用方括號 [ ] 在對象中分配變量名稱，如下所示 –
語法
以下是創(chuàng)建動(dòng)態(tài)值和對象的語法 –
const key = 'KeyName';
const obj = { [key] : 'value'};
登錄后復(fù)制
這里key和value是用于創(chuàng)建對象的鍵值對，“obj”和keyName > 是鍵的值。
算法
第 1 步 – 定義使用的鍵創(chuàng)建對象。
第 2 步 – 創(chuàng)建對象并使用上面定義的鍵。
第 3 步 – 對上面創(chuàng)建的對象應(yīng)用 JSON.stringify() 以顯示該對象。
示例1
我們可以使用下面的HTML程序來查看動(dòng)態(tài)變量的聲明。
<!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ù)制登錄后復(fù)制
因此，在上面的代碼中，我們可以看到我們在對象中聲明了兩個(gè)鍵 f_name 和 l_name ，而沒有使用大括號[]，并且我們對 key1 和 key2 變量使用大括號，因?yàn)檫@兩個(gè)是動(dòng)態(tài)值。
在輸出中，我們可以看到 key1 變量的名稱是 Eyecolour，key2 變量的值是 Haircolour。
示例 2
這里是另一個(gè)代碼將更多地闡明如何在不訪問對象的情況下更改動(dòng)態(tài)變量的名稱。這里我們只是在代碼中交換兩個(gè)動(dòng)態(tài)變量的名稱。
<!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ù)制登錄后復(fù)制
在輸出中，我們可以看到兩個(gè)變量 key1 和 key2 的值??保持不變，但它們的名稱在不訪問對象的情況下發(fā)生了更改，因此這就是我們在 JavaScript 中創(chuàng)建動(dòng)態(tài)值和對象的方式。
以上就是如何在 JavaScript 中創(chuàng)建動(dòng)態(tài)值和對象？的詳細(xì)內(nèi)容，更多請關(guān)注www.92cms.cn其它相關(guān)文章！
