JavaScript >> Javascript 文檔 >  >> Tags >> object

如何在 JavaScript 中使用動態鍵創建對象

要在 JavaScript 中創建具有動態鍵的對象,可以使用 ES6 的計算屬性名稱功能。

計算屬性名稱功能允許我們將表達式作為屬性名稱分配給對象文字符號中的對象。

這是一個例子:

const key = 'title';
const value = 'JavaScript';

const course = {
    [key]: value,
    price: '$99'
};

console.log(course.title);  // JavaScript
console.log(course.price);  // $99 

key 的值 可以是任何表達式,只要它包含在括號 [] 中 :

const key = 'title';
const value = 'JavaScript';

const course = {
    [key + '2']: value,
    price: '$99'
};

console.log(course.title2);  // JavaScript
console.log(course.price);  // $99 

Tutorial JavaScript 教程
  1. NativeScript 應用程序的簡易開發後端

  2. Amazona 第 1 部分:建立像亞馬遜一樣的電子商務網站

  3. React + Typescript ===頭痛

  4. 用 Javascript 編寫的靜態站點生成器上的問題和拉取請求

  5. 如何在 JavaScript 中使用自定義錯誤的一個實際示例

  6. 模塊化 Spring Boot 開發

  7. 如何構建電子商務應用程序?

  1. 如何在 React (Route Guard) 中創建私有路由 - 示例:僅適用於經過身份驗證的用戶

  2. 比較最好的靜態網站生成器

  3. 在 Angular 組件中管理訂閱的 DRY 方法

  4. 新鮮的博客引擎:創建帖子項目

  5. for 循環

  6. 反應 JSX

  7. Javascript(ES6)箭頭函數以一種簡單的方式:

  1. 如何以角度創建自定義模態

  2. 使用 Github Actions 和 Docker 將 React 應用程序部署到 DigitalOcean

  3. 使用 React 上下文 API 時的三個常見錯誤

  4. 使用 Web Crypto API 在 JS 中生成 2FA 一次性密碼