首頁 > web前端 > js教程 > 如何在 JavaScript 中使用空格字元存取物件屬性?

如何在 JavaScript 中使用空格字元存取物件屬性?

Barbara Streisand
發布: 2024-11-19 05:17:03
原創
635 人瀏覽過

How to Access Object Properties with Space Characters in JavaScript?

在JavaScript 中存取帶有空格字元的物件

使用JavaScript 物件時,存取名稱中帶有空格字元的屬性可能會很困難。考慮以下物件:

var myTextOptions = {
  'cartoon': {
     comic: 'Calvin & Hobbes',
     published: '1993'
  },
  'character names': {
    kid: 'Calvin',
    tiger: 'Hobbes'
  }
};
登入後複製

存取屬性「comic」很簡單:myTextOptions.cartoon.comic。但是,嘗試使用各種點語法存取屬性「kid」會失敗:

myTextOptions.character names.kid
myTextOptions."character names".kid
myTextOptions.character\ names.kid
myTextOptions.'character names'.kid
myTextOptions.["character names"].kid
myTextOptions.character%20names.kid
登入後複製

解決方案在於利用ECMAScript 的「括號表示法」:

myTextOptions[ 'character names' ].kid;
登入後複製

括號表示法允許您透過將屬性名稱括在方括號中,可以存取帶有空格字元或任何其他特殊字元的物件屬性。在這種情況下,此表示法可用於有效率地讀取和寫入屬性。

有關在JavaScript 中使用物件的更多信息,請參閱以下資源:

https://developer .mozilla.org/en-US/docs/Web/JavaScript/Guide/ Working_with_Objects

以上是如何在 JavaScript 中使用空格字元存取物件屬性?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
作者最新文章
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板