資料結構
網路
關係資料庫管理系統 (RDBMS)
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝設計
法學如何在JavaScript中宣告具有計算屬性名的物件？
在本文中，我們將探討物件中計算屬性的概念。我們將學習如何宣告具有計算屬性名的物件。在真正進入計算屬性之前，讓我們先了解一下 JavaScript 物件。
JavaScript 物件 − JavaScript 物件包含鍵值對，其中鍵表示屬性，我們可以從中獲取和設定物件的value。
方法一
我們將使用方括號表示式，即 []，在物件中建立計算屬性名。在 **ES6** 中，可以在 [] 括號內使用表示式。
示例 1
在下面的示例中，我們聲明瞭一個具有計算屬性名的物件。
# index.html
<html>
<head>
<title>Computed Property</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
let LAST_NAME = "lastname";
let fullname = {
firstname: "Steve",
// Defining computer property
[LAST_NAME]: "Jobs"
};
console.log(
"Full Name: " + fullname.firstname + " " + fullname.lastname
);
</script>
</body>
</html>輸出
成功執行上述程式後，瀏覽器將顯示以下結果：
Welcome To Tutorials Point
在控制檯中，您會找到所有結果，請參見下面的螢幕截圖：
方法二
在這種方法中，我們將動態建立屬性名。我們將建立一個物件，然後向其中新增屬性名。新增屬性名後，我們將向該特定屬性賦值，以建立自定義的鍵值對。
示例 2
在下面的示例中，我們動態建立屬性名
# index.html
<html>
<head>
<title>Computed Property</title>
</head>
<body>
<h1 style="color: green;">
Welcome To Tutorials Point
</h1>
<script>
let LAST_NAME = "lastname";
let fullname = {
firstname: "Steve"
};
fullname[LAST_NAME] = "Jobs";
console.log("FirstName: " + fullname.firstname + " -- LastName: " + fullname.lastname);
console.log(
"FullName: " + fullname.firstname + " " + fullname.lastname
);
</script>
</body>
</html>輸出
成功執行上述程式後，瀏覽器將顯示以下結果：
Welcome To Tutorials Point
在控制檯中，您會找到所有結果，請參見下面的螢幕截圖：
更新於：2022年4月26日
379 次瀏覽
廣告