자바스크립트🔥

JS의 꽃 객체(2) 점표기법과 대괄호법

나섬애드 2021. 7. 22. 22:29

객체에서 데이터접근은 어떻게할까?

let gnoc =  {
      name : '그노',
      age : 134,
      face : 'handsome',
      height : 193210
  };

 

위 객체에서 name의 '그노'에 접근하고싶으면

점표기법을 써라.

점 표기법은 객체 프로퍼티에 바로접근한다.

점 표기법은 아래와 같다.

let gnoc =  {
      name : '그노',
      age : 134,
      face : 'handsome',
      height : 193210
  };
  
console.log(gnoc.name);
// name의 그노가 출력된다.

 

다음은 대괄호 표기법.

대괄호 표기법은

프로퍼티 이름이 변수에 포함된 경우,

프로퍼티 이름이 식별자에 허용되지 않는 문자(띄어쓰기, 하이픈)가 포함되어 있는경우 사용한다잉.

let apple = 'sweet'
let fruits = {apple: '사과', sweet: '달다'}

console.log(fruits[apple]);
console.log(fruits.apple);

위 코드의 경우 

달다

사과

가 출력됨.

fruits[apple]로 접근하면 초기화해놓은 apple변수의 값인 sweet를 가져와서

fruits.[애플의 값]이 되고 결과적으로 fruits.sweet가 됨.

 

대괄호 표기법은 요종도라고 할수있다 이말이야