TIL(20.02.20) JavaScript(객체)

이민택·2020년 2월 20일
1

TIL

목록 보기
5/44

객체

배열의 경우 요소의 접근하기 위해 인덱스를 이용하지만 그 인덱스가 가리키고 있는 값이 어떤 종류인지쉽게 알기 힘들다 이런 문제를 해결해 줄 수 있는 것이 객체이다 객체는 여러가지 값을 한번에 가질 수 있어 일종의 컨테이너라고 생각하면된다 이런 특성 덕분에 어떤 한 물체의 복잡한 정보를 나타내고 싶을 때 사용한다 사용방법은 아래와 같다

let person{
  name:'leemintaek',
  age:19,
  city:'dongtan'
}

위 결과에서도 알 수 있듯이 객체는 서로 타입이 다른 변수를 담을 수 있다

키(Key)와 속성(property)

객체에서는 키와 속성이라는 특징이 있다 키(key) 의 경우 객체에서 가질 수 있는 고유한 값으로 같은 값이 두개각 있을 수 없다 키(key)는 배열의 인덱스 처럼 속성(property) 를 조회하기 위해 사용된다
위 코드를 보면서 설명하면

  • 키 : name

  • 속성 : 'leemintaek'

  • 키 : age

  • 속성 : 19

  • 키 : city

  • 속성 : 'dongtan'

이렇게 서로 짝을 이루어 객체를 구성한다

속성에 접근하기

배열과 같이 객체도 속성에 접근하는 방법이 있다 객체의 경우 2가지 방법이 있다

let person{
  name:'leemintaek',
  age:19,
  city:'dongtan'
}

//첫번째 방법
console.log(person.name);

//두번째 방법
console.log(person['city']);

Dot notation(.)

첫번째 방법은 멤버 접근 연산자라고도 하고 dot notation이라고도 하는 연산자를 이용하여 속성에 접근할 수 있다 이 방법으로 접근하게 되면 무조건 객체의 존재하는 키값으로 조회를 해야한다 만약 변수로 조회를 하거나 존재하지 않는 값으로 조회를 하면 조회가 되지않는다

Bracket notation([])

두번째 방법은 배열에서 조회하는 방식과 같은 방법이다 이 방법을 사용하여 조회할 때에는 키값을 문자열로 나타내어 조회를 해야한다 이 방식의 장점은 대괄호 내부에 변수를 사용할 수 있기 때문에 좀 더 유연하게 프로그래밍이 가능하지만 의도하지 않은 값이 객체에 들어갈 수 도 있다

let person{
  name:'leemintaek',
  age:19,
  city:'dongtan'
}

for(var x in person){
  console.log(person[x]))
}

위 코드는 for...in 구문을 통해서 객체를 순회한 것이다 이렇게 []안에 변수를 사용하여 속성값을 조회할 수 있다

profile
데이터에 소외된 계층을 위해 일을 하는 개발자를 꿈꾸는 학생입니다

0개의 댓글