>웹 프론트엔드 >JS 튜토리얼 >개체 속성에 대한 점 표기법과 대괄호 표기법 – 차이점은 무엇입니까?

개체 속성에 대한 점 표기법과 대괄호 표기법 – 차이점은 무엇입니까?

Barbara Streisand
Barbara Streisand원래의
2024-11-15 01:52:02659검색

Dot Notation vs Bracket Notation for Object Properties – What

점 표기법

점 표기법이 더 간단하고 읽기 쉽습니다. 다음과 같은 경우에 사용됩니다:

  1. 속성 이름이 유효한 식별자입니다(문자, 숫자, $ 또는 _만 포함하고 숫자로 시작하지 않음).
  2. 숙소 이름을 미리 알고 계시네요.

예:

const person = { name: 'alice', age: 30 };
console.log(person.name); // 'alice'

괄호 표기

대괄호 표기법은 더욱 유연하며 다음을 수행할 수 있게 해줍니다.

  1. 변수에 저장된 속성 이름을 사용하세요.
  2. 유효한 식별자가 아닌 특수 문자, 공백 또는 숫자가 포함된 속성에 액세스하세요.
  3. 런타임에 속성 이름을 동적으로 구성합니다.

예:
1. 변수를 사용하여 속성에 액세스:

const person = { name: 'alice', age: 30 };
const prop = 'name';
console.log(person[prop]); // 'alice'

2.특수문자나 공백이 포함된 속성:

const person = { 'first name': 'alice', age: 30 };
console.log(person['first name']); // 'alice'

3.동적으로 생성된 속성 이름:

const property = 'name';
console.log(person[property]); // 'alice'

대괄호 표기법을 사용하는 경우

  • 속성 이름이 동적이거나 변수에 저장된 경우
  • 속성 이름에 공백, 특수 문자가 있거나 숫자로 시작하는 경우

대부분의 경우에는 읽기 쉽고 간결하기 때문에 점 표기법을 선호합니다.

위 내용은 개체 속성에 대한 점 표기법과 대괄호 표기법 – 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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