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

如何在 JavaScript 中從對像中刪除屬性

在之前的文章中,我們研究瞭如何在 JavaScript 中向對象添加屬性。但是如果你想從一個對像中移除一個特定的屬性呢?

JavaScript 提供 delete 運算符從對像中刪除屬性。刪除成功後返回true , 否則 false

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

// Dot Notatation
delete foods.pizza;

// OR

// Square Bracket Notation
delete foods['pizza'];

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

delete 運算符同時使用點表示法 (. ) 以及方括號 ([] ) 符號。

使用 delete 時 運營商,你應該考慮以下場景:

  • 如果您嘗試刪除的屬性不存在,刪除將不執行任何操作,只會返回 true .
  • 如果對象的原型鏈上存在同名的屬性,則刪除後,對象將使用原型鏈中的屬性。換句話說,delete 只從對象自身的屬性中移除屬性,對對象的原型屬性沒有影響。
  • 使用 let 聲明的任何屬性 或 const 不能從定義它們的範圍中刪除。

查看這篇 MDN 文章以了解有關 delete 的更多信息 JavaScript 中的運算符。


Tutorial JavaScript 教程
  1. 使用 FileReader API 在 React 中預覽圖像

  2. Javascript匿名函數調用

  3. 為什麼使用 React Native 應該是 2020 年構建應用程序的默認方式。

  4. 為像我這樣的菜鳥簡化 Redis

  5. JSON 和 JSONP 有什麼區別?

  6. Web 應用程序中的身份驗證和授權

  7. 使用 NodeJs 開始 Web Scraping

  1. 為你的設計系統創建一個 React 包

  2. 如何從命令行將 Svelte 文件編譯為 JavaScript?

  3. React + Tailwind 啟動器

  4. 使用 Zusstand 使用 React Hooks 簡化狀態管理

  5. Auth0 讓應用程序和 API 的授權、身份驗證變得簡單

  6. 你如何清除javascript中的焦點?

  7. 將你的 React 應用程序組織成模塊

  1. 如何向 Discord bot API 發送請求? [關閉]

  2. Appwrite 簡介:易於自託管的開源 Firebase 替代方案🚀

  3. 如何將帶邊框的文本放在導航菜單文本下方?

  4. 我見過天堂。它是用 JavaScript 編寫的。