객체란?
자바스크립트는 객체기반의 스크립트 언어이며 자바스크립트를 이루고 있는 거의 '모든 것'이 객체이다. 원시타입을 제외한 나머지 값들(함수, 배열, 정규표현식 등..)은 모두 객체이다.
객체는 키(key)와 값(value)으로 구성된 프로퍼티(property)들의 집합이다.
학습목표
- 배열과 객체의 구조를 이해하고 언제, 어떻게 사용하는 지 이해할 수 있다.
- 배열과 객체의 특징을 구분하여 사용할 수 있다. (순서를 가진다, 의미를 가진다)
- 배열과 객체의 특징에 따라 실생활에서 언제 쓰는지 이해할 수 있다. - 객체 속성(property)의 추가, 조회, 변경, 삭제를 자유자재로 할 수 있다.
- 객체 속성 조회법 두 가지, dot notation과 bracket notation의 차이를 이해한다.
- 객체 실습 - 2의 tweet.content와 tweet['content']의 차이가 무엇인지 설명할 수 있다.
- dot notation을 이용한 객체 할당 방식을 능숙하게 다룰 수 있다. obj.a = "hello"
- 객체 속성 삭제를 위한 delete 키워드를 사용할 수 있다.
- 객체를 위한 for문 for ... in 문을 이해하고 다룰 수 있다. - 배열과 객체, 반복문을 응용하여 능숙하게 대량의 정보를 다룰 수 있다.
객체를 쓰는 방법을 예시를 통해 알아보자
let user = {
name = 'younghan',
email = 'abc@abc.com',
city = 'seoul'
}
//객체는 키(key)와 값(value)로 이루어져 하나로 묶어서 표현된다.객체값을 사용하는 방법은 두가지가 있다.
1. 변수명.key
user.name // 'younghan'
user.city // 'seoul'2.변수명['key']
user['name']//'younghan'
user['city'] //'seoul'객체를 추가하거나 삭제하고 싶을때 쓰는 메소드
let user = {
name = 'younghan',
email = 'abc@abc.com',
city = 'seoul'
}
객체 추가 시
user.gender = male;
또는
user['gender'] = male;
let user = {
name = 'younghan',
email = 'abc@abc.com',
city = 'seoul',
gender = 'male'
}
객체 삭제 시
delete user.gender;
let user = {
name = 'younghan',
email = 'abc@abc.com',
city = 'seoul',
}
in 연산자를 사용해 해당키가 있는지 확인하는 방법
let user = {
name = 'younghan',
email = 'abc@abc.com',
city = 'seoul'
}
'city' in user // true
'gender' in user // false
