数据结构
网络
关系数据库管理系统 (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 次浏览
广告