> 웹 프론트엔드 > JS 튜토리얼 > 대시가 포함된 JSON 개체 속성에 어떻게 액세스합니까?

대시가 포함된 JSON 개체 속성에 어떻게 액세스합니까?

Susan Sarandon
풀어 주다: 2024-11-26 19:29:13
원래의
754명이 탐색했습니다.

How Do I Access JSON Object Properties Containing Dashes?

대시 문자를 사용하여 JSON 개체 속성에 액세스

이 문제는 속성 키에 대시 문자(-)가 포함된 JSON 개체에서 값을 검색하려고 할 때 발생합니다. 예를 들어 다음 JSON을 고려해보세요.

{
"profile-id":1234, "user_id":6789
}
로그인 후 복사

점 표기법(예: jsonObj.profile-id)을 사용하여 "profile-id" 속성에 액세스하려고 하면 "ReferenceError: ' id'가 정의되지 않았습니다."

점 표기법이 실패하는 이유

JavaScript에서 객체의 속성 키는 문자, 숫자, 밑줄을 포함한 특정 문자만 포함할 수 있습니다. 대시는 허용되는 문자 중 하나가 아닙니다. 점 표기법은 대시가 있는 속성 키를 빼기 표현식(예: jsonObj.profile - id)으로 자동 변환합니다.

해결책: 대괄호 표기 사용

이 제한을 극복하기 위해 대괄호를 사용할 수 있습니다. 객체 속성에 접근하기 위한 표기법. 대괄호 표기법을 사용하면 속성 키를 문자열로 지정할 수 있습니다. "profile-id" 속성에 액세스하려면 다음 구문을 사용할 수 있습니다.

jsonObj["profile-id"]
로그인 후 복사

다음은 대괄호 표기법을 사용하여 대시 문자가 있는 속성에 액세스하는 방법을 보여주는 예입니다. :

const jsonObj = {
  "profile-id": 1234,
  "user_id": 6789,
};

console.log(jsonObj["profile-id"]); // Output: 1234
로그인 후 복사

위 내용은 대시가 포함된 JSON 개체 속성에 어떻게 액세스합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿