>  기사  >  웹 프론트엔드  >  속성 이름에 공백이 있는 JavaScript 개체에 액세스하는 방법은 무엇입니까?

속성 이름에 공백이 있는 JavaScript 개체에 액세스하는 방법은 무엇입니까?

Mary-Kate Olsen
Mary-Kate Olsen원래의
2024-11-12 13:15:02732검색

How to Access JavaScript Objects with Spaces in Property Names?

속성 이름에 공백이 있는 JavaScript 개체에 액세스

JavaScript 개체로 작업할 때 속성 키에 공백이 포함된 경우가 발생할 수 있습니다. 점 표기법(예: object.property 이름)을 사용하여 이러한 속성에 액세스하려고 하면 작동하지 않습니다.

예를 고려하세요.

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

kid 속성에 액세스하려면 myTextOptions를 사용할 수 없습니다. 캐릭터 이름. 꼬마. 대신 ECMAscript의 "대괄호 표기법"을 사용해야 합니다.

myTextOptions[ 'character names' ].kid;

대괄호 표기법을 사용하면 공백이 있는 속성 이름을 포함하여 대괄호 안에 유효한 JavaScript 표현식을 지정할 수 있습니다.

이 표기법을 사용하면 값 할당에도 사용됩니다.

myTextOptions[ 'character names' ].newProperty = 'value';

JavaScript에서 개체 작업에 대한 자세한 내용은 다음을 참조하세요. 리소스:

  • [객체 작업](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Working_with_Objects)

위 내용은 속성 이름에 공백이 있는 JavaScript 개체에 액세스하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.