하이픈을 사용하여 JavaScript 개체 속성에 액세스하는 방법은 무엇입니까?

하이픈을 사용하여 JavaScript 개체 속성에 액세스

JavaScript로 작업할 때 하이픈을 사용하여 개체 속성을 참조하는 것이 어려울 수 있습니다. 다음 시나리오를 고려하십시오.

var style = css($(this));
alert(style.width); // Works fine
alert(style.text-align); // Uncaught Reference Error

"text-align"의 하이픈은 빼기 기호로 해석되어 오류가 발생합니다.

해결책 1: Camel Case 변환

CSS 속성의 경우 카멜 케이스 키 표기법을 사용하는 것이 좋습니다. 방법:

obj.style-attr // Becomes

obj["styleAttr"]

해결책 2: 키 표기법

점 표기법 대신 키 표기법을 사용할 수도 있습니다.

style["text-align"]

JavaScript에서는 허용됩니다. 다음과 동일한 구문을 사용하여 객체 속성을 참조합니다. 배열:

arr[0] // Array index

obj["method"] // Object property

추가 고려 사항:

• 키 표기법으로 액세스된 속성은 문자열로 평가됩니다.
• JavaScript에서 허용되지 않는 문자 변수는 키 표기법을 사용하여 액세스해야 합니다.
• 다음 정규식은 유효한 속성을 설명합니다. 이름:

[a-zA-Z_$][0-9a-zA-Z_$]*

이러한 기술을 활용하면 하이픈이 포함된 JavaScript 개체 속성에 효율적으로 액세스할 수 있습니다.

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