首頁 >web前端 >js教程 >計算屬性名稱如何簡化 JavaScript 中的物件文字建立?

計算屬性名稱如何簡化 JavaScript 中的物件文字建立?

Susan Sarandon
Susan Sarandon原創
2024-11-03 17:12:30493瀏覽

How Can Computed Property Names Simplify Object Literal Creation in JavaScript?

在 JavaScript 物件文字中使用計算屬性名稱

在 JavaScript 中,可以利用計算屬性名稱在物件內動態定義屬性文字。這允許將變數的值指派為屬性名稱,如下例所示:

var myVar = "name";
var myObject = { [myVar]: "value" };

ES6 之前

ES6 引入之前,必須使用方括號表示法來實現此目的:

var myObject = {};
var myVar = "name";
myObject[myVar] = "value";

但是,這種方法需要先建立對象,然後單獨分配每個屬性,使其不太簡潔。

ES6 和計算屬性名稱

隨著ES6 的到來,計算屬性名稱語法出現了:

[myVar]: "value"

此語法允許直接將變數的值賦值為物件文字中的屬性名稱,簡化了過程。

以上是計算屬性名稱如何簡化 JavaScript 中的物件文字建立?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn