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

如何在 JavaScript 中為對象添加屬性

向 JavaScript 對象添加新屬性:

  1. 您可以使用點 (. ) 表示法或方括號 ([] )。
  2. 在點捐贈中,您使用對象名稱後跟點、新屬性的名稱、等號和新屬性的值。
  3. 在方括號表示法中,您使用屬性名稱作為方括號中的鍵,後跟等號和新屬性的值。

JavaScript 對像是稱為屬性的鍵值對的集合。與數組不同,對像不提供索引來訪問屬性。

您可以使用點 (. ) 表示法或方括號 ([] ) 表示法來訪問屬性值。

const foods = { burger: '🍔', pizza: '🍕' };

// Dot Notation
console.log(foods.burger); // 🍔

// Square Bracket Notation
console.log(foods['pizza']); // 🍕

最簡單和最流行的方法是使用點符號添加新的鍵值對 到一個對象:

foods.custard = '🍮';

console.log(foods);
// { burger: '🍔', pizza: '🍕', custard: '🍮' }

或者,您也可以使用方括號表示法來添加新項目:

foods['cake'] = '🍰';

console.log(foods);
// { burger: '🍔', pizza: '🍕', cake: '🍰' }

正如您在上面看到的,當您向對象添加新項目時,它通常會添加到對象的末尾。

要了解有關 JavaScript 對象、原型和類的更多信息,請閱讀本文。


Tutorial JavaScript 教程
  1. Creative Coding Workbench 簡介

  2. 你有什麼方法來減少 Web 應用程序的加載時間?

  3. 現代 JavaScript #1 |變量和常量。

  4. 使用 Vue.js 創建自定義輸入

  5. 為什麼我的 props 動作在“onClick”中的“if”語句中不起作用,但在“if”語句之外起作用?

  6. 7 個用於前端的雲代碼編輯器

  7. 從服務器獲取圖像文件並使用 nodejs express.js 將其轉換為 base64

  1. 在樣式元素上使用標題屬性時出現問題

  2. javascript – 打亂 HTML 列表元素順序

  3. JSLint 錯誤“for in 的主體應包含在 if 語句中”是什麼意思?

  4. 為您提供更多 Vue;沒有那麼多的 Webpack

  5. 函數式 JavaScript - Functors、Monads 和 Promise

  6. HTML5、舊版瀏覽器和 Shiv

  7. 👨‍💻👨‍💻 React 中的結對編程:重寫基於類的組件以使用 Hooks

  1. 生成 NodeJS/Express 項目

  2. 使用 Google 表格進行股票相關性分析

  3. Node.js 控制台模塊解釋與示例

  4. 何時使用函數聲明與函數表達式