JavaScript 如何使用计算属性名声明对象

在本文中，我们将学习如何使用计算属性名声明对象。在开始本文之前，我们需要了解JavaScript对象。

计算属性名： ES6的计算属性名功能允许我们在对象上计算表达式作为属性名。

JavaScript对象： JavaScript对象包含键值对，其中键表示我们可以获取和设置对象的值的属性。现在我们将看到如何声明一个带有计算属性名的对象。

方法1： 我们将在[ ]（方括号）内使用表达式来创建对象属性的名称。在ES6中，可以在方括号'[]’内使用表达式。根据表达式的结果，属性名称将分配给对象。

示例： 这个示例展示了以上解释的方法的使用。

JavaScript

let LAST_NAME = "lastname";
let fullname = {
    firstname: "somya",
    [LAST_NAME]: "jain"
};
console.log(
    "My fullname is: " + fullname.firstname
    + " " + fullname.lastname
);

输出：

My fullname is: somya jain

方法2： 在这种方法中，我们将动态创建一个对象的属性名。作为这种方法的一部分，我们将动态创建一个对象，添加一个属性名并为该特定属性赋值，以创建一个自定义的键值对。

语法：

objectname["name of the property name"]=value

示例： 该示例展示了上述解释的方法的使用。

Javascript

let LAST_NAME = "lastname";
let fullname = {
    firstname: "somya"
};
fullname[LAST_NAME] = "jain";
console.log(
    "My fullname is: " + fullname.firstname
    + " " + fullname.lastname
);