JavaScript에서 공백 문자를 사용하여 개체 속성에 액세스하는 방법은 무엇입니까?

JavaScript에서 공백 문자가 있는 개체에 액세스

JavaScript 개체로 작업할 때 이름에 공백 문자가 포함된 속성에 액세스하는 것은 어려울 수 있습니다. 다음 개체를 고려하세요.

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

'comic' 속성에 액세스하는 것은 간단합니다: myTextOptions.phanto.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 중국어 웹사이트의 기타 관련 기사를 참조하세요!