대괄호 표기법, 인덱스

@2023/10/14

안녕하세요 lika-7입니다

이번시간에는 대괄호 표기법에 대해서 정리하겠습니다.

대괄호 표기법 (Bracket Notation) 이란

대괄호 표기법 (Bracket Notation)은 객체의 속성(프로퍼티)에 접근할 때 사용되는 방법 중 하나입니다.

객체 내의 특정 속성에 접근하려면 해당 속성의 이름을 대괄호 [] 안에 넣어서 사용합니다. 이 방법은 객체의 속성 이름이 동적으로 생성되거나 변수로 지정되는 경우 유용합니다.

예시

const person = {
  name: "John",
  age: 30
};

const propertyName = "name";
console.log(person[propertyName]); // "John"

위 예제에서 propertyName 변수에 저장된 문자열을 사용하여 person 객체의 속성에 접근하고 있습니다. 이렇게 대괄호 표기법을 사용하면 동적으로 속성 이름을 결정하거나 변수로 지정된 이름을 사용할 수 있습니다.

const query = queryString
  .split('&')
  .reduce((acc, cur) => {
    const [key, value] = cur.split('=')
    //reduce 함수의 두번째 매개변수로 {}가 들어갔는데, 빈객체 내용으로 들어가 있기에 타입스크립트가 판단하길 어떠한 내용도 들어갈 수 없다 판단함
    //대괄호 표기법으로 인덱싱 하고 있음
    acc[key] = value 
    return acc
  }, {})

또한, 배열 역시 대괄호 표기법으로 요소에 접근합니다. 배열의 경우 인덱스를 대괄호 안에 넣어 해당 위치의 요소에 접근합니다.