>웹 프론트엔드 >JS 튜토리얼 >변수 이름을 사용하여 JavaScript에서 동적 개체 속성을 어떻게 만들 수 있습니까?

변수 이름을 사용하여 JavaScript에서 동적 개체 속성을 어떻게 만들 수 있습니까?

Susan Sarandon
Susan Sarandon원래의
2024-12-18 08:20:11942검색

How Can I Create Dynamic Object Properties in JavaScript Using Variable Names?

JavaScript에서 변수 값을 사용하여 동적 개체 속성 만들기

이름의 유사성에도 불구하고 다음을 사용하여 개체에 속성을 직접 할당하는 것은 다릅니다. 변수 값의 이름을 변수 값 할당과 비교합니다. 주어진 경우 string1이 myObj의 속성이 아니기 때문에 myObj.string1에 액세스하면 '정의되지 않음'이 반환됩니다.

원하는 동작을 달성하기 위해 JavaScript는 두 가지 옵션을 제공합니다.

점 표기법 :

myObj.a = b;

점 표기법을 사용하여 속성을 직접 할당할 수 있습니다. 변수 이름을 속성 키로 사용하여 값을 지정합니다. 그러나 이 접근 방식은 동적으로 생성된 속성 이름에는 적합하지 않을 수 있습니다.

대괄호 표기법:

myObj[a] = b;

대괄호 표기법은 더 큰 유연성을 제공합니다. 여기서 변수 a는 속성 이름을 보유하고 값 b는 속성에 할당됩니다. 이 방법은 속성 이름을 동적으로 생성하거나 속성 이름에 특수 문자가 포함된 경우에 선호됩니다.

위 내용은 변수 이름을 사용하여 JavaScript에서 동적 개체 속성을 어떻게 만들 수 있습니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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