>  기사  >  웹 프론트엔드  >  JavaScript에서 정수 이름으로 객체 속성에 액세스하는 방법은 무엇입니까?

JavaScript에서 정수 이름으로 객체 속성에 액세스하는 방법은 무엇입니까?

DDD
DDD원래의
2024-11-02 07:17:02308검색

How to access object properties with integer names in JavaScript?

정수 이름으로 개체 속성 참조

MDN JavaScript 문서에는 개체 속성 이름에 숫자 리터럴을 사용할 수 있다고 명시되어 있습니다. 그러나 표준 점 표기법(예: me.123)을 사용하여 이러한 속성에 액세스하면 오류가 발생할 수 있습니다.

해결책: 대괄호 표기

정수 이름으로 개체 속성을 참조하려면 대괄호 표기법을 사용하세요. 대괄호(me[123]) 또는 문자열 따옴표(me["123"])를 사용합니다.

<code class="javascript">const me = {
  name: "Robert Rocha",
  123: 26,
  origin: "Mexico",
};

console.log(me[123]); // 26
console.log(me["123"]); // 26</code>

대괄호 표기법을 사용하면 JavaScript가 정수 이름을 문자열로 해석하여

For-In 루프 대안

권장되지는 않지만 숫자가 있는 속성을 포함하여 객체의 모든 속성을 반복하는 for-in 루프를 사용하여 속성에 액세스할 수 있습니다.

<code class="javascript">for (let key in me) {
  if (typeof key === "number") {
    console.log(key, me[key]);
  }
}</code>

for-in 루프는 정수 이름을 사용하여 속성에 액세스하는 더 장황하지만 여전히 기능적인 방법을 제공합니다.

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

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