> 웹 프론트엔드 > JS 튜토리얼 > JS에서 속성 이름에 따옴표를 추가하거나 추가하지 않는 문제

JS에서 속성 이름에 따옴표를 추가하거나 추가하지 않는 문제

亚连
풀어 주다: 2018-06-05 17:34:08
원래의
1766명이 탐색했습니다.

이 글에서는 JS에서 객체 선언 시 속성 이름에 따옴표를 붙이거나 안 붙일 때의 문제점과 해결 방법을 주로 소개합니다. 도움이 필요한 친구들이 참고하면 됩니다.

일반적으로 속성 이름에는 따옴표를 붙이거나 안 붙여도 괜찮습니다. 효과는 동일합니다.

var obj = { 
  name  : '你好', 
  'age'  : 1, 
}; 
document.write( obj[&#39;name&#39;] + &#39;<br />&#39; ); 
document.write( obj.age);
로그인 후 복사

위 두 줄의 코드는 모두 올바르게 실행될 수 있습니다.

속성 이름이 불법적이고 이상한 이름인 경우에만 오류가 보고됩니다.

var obj = { 
  333 : &#39;这个会报错&#39; 
}; 
document.write( obj.333);
로그인 후 복사

이번에는 오류가 보고되었습니다.

var obj = { 
  “333”: &#39;这个也会报错&#39; 
}; 
document.write( obj.333);
로그인 후 복사

속성 이름이 숫자인 경우 큰따옴표를 사용해야 하며 [] 대괄호를 사용하여 액세스해야 합니다.

var obj = {
  "333": &#39;这个正确&#39;
};
console.log(obj["333"]);
로그인 후 복사

결론: 유효한 속성 이름을 사용하고 . 및 []를 사용하여 액세스하세요.

속성 이름이 숫자인 경우 ""로 묶고 [] 대괄호로 액세스해야 합니다.

위 내용은 제가 여러분을 위해 정리한 내용입니다. 앞으로 도움이 되길 바랍니다.

관련글:

낮은 버전의 브라우저가 es6 가져오기를 지원하지 않는 문제 해결

vuex를 사용하여 로그인 상태를 저장하고 비로그인 상태에서 탐색을 허용하지 않는 방법은 무엇인가요?

이 이벤트를 반응으로 묶는 네 가지 방법을 자세히 설명하세요

위 내용은 JS에서 속성 이름에 따옴표를 추가하거나 추가하지 않는 문제의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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