객체 키에 공백이 JavaScript 객체에 어떻게 액세스 할 수있는 있습니까?

객체 키에 공백이 JavaScript 객체에 어떻게 액세스 할 수있는 있습니까?

---

다음과 같은 JavaScript 개체가 있습니다.

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

나는 cartoon쉽게 사용 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

---

ECMAscripts "대괄호 표기법"사용 :

myTextOptions[ 'character names' ].kid;

그 표기법은 읽기와 쓰기로 사용할 수 있습니다.

자세한 내용은 여기를 참조하십시오.

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

---

JavaScript 내용 내용은 대괄호 표기법을 사용하여 액세스 할 수 있습니다. (자세한 속성 접근 자 참조 ). 각 속성은 개체에 액세스하는 데 사용할 수있는 개체 값과 연결되어 있기 때문에 객체를 연관 배열이라고도합니다. 따라서 예를 들어 다음과 같이 myCar 클래스의 속성에 액세스 할 수 있습니다.

myCar['make'] = 'Ford';
myCar['model'] = 'Mustang';
myCar['year'] = 1969;

자세한 내용은 JS 객체 작업을 참조하십시오 .

그래서 귀하의 경우에는 myTextOptions['character names'].kid;

---

우리는 또한 할 수 있습니다-

myTextOptions[ 'character names' ]['kid'];

이 공백으로 연속 키가있을 때 유용합니다.

---

Google 크롬에서 요소를 검사 한 다음 json 파일 데이터 세트 위로 마우스를 가져 와서 가면 각 개별 데이터 세트에는 경로를 더 툴팁이 표시되는 경로를 클립 보드에 복사 할 수있는 옵션도 제공됩니다. 그냥 참고로.

참고 URL : https://stackoverflow.com/questions/8317982/how-can-i-access-a-javascript-object-which-has-spaces-in-the-objects-key