JS - 객체 ( object )

1. 객체 선언 방식

let user = {
 firstName: 'Steve',
 lastName: 'Lee'
};

// 앞의 firstName 부분을 키( key )라고 부르고, 콜론(:) 뒤에 있는 것이 값( value )이다.

-----------------------------------------------------------------------------------

2. 값 사용 방식

user.firstName;
// 'Steve' 가 나온다. 이렇게 점(.)을 사용하는 방법을 Dot notation 이라고 부른다.

user['lastName'];
// 'Lee' 가 나온다. 위 코드의 방식을 Bracket notation 이라고 부른다.

** 위의 Bracket notation 방식을 사용할때 string 형식으로 값을 넣어주지 않으면 변수로 취급하여 ReferenceError 가 나온다. 꼭 string 형식으로 사용해주자! **

-----------------------------------------------------------------------------------

3. 다양한 사용법

let user = {
 firstName: 'Jeon',
 lastName: 'JiHo'
};

let firstName = 'JiHo';
// 변수 firstName 할당

user.firstName === firstName;
// false 를 return 한다. user.firstName 에는 'Jeon' 의 값이 firstName 에는 'JiHo' 가 있다.
// 헷갈리지 말자

-----------------------------------------------------------------------------------

user.age = 26;
user['job'] = 'student';

// dot/bracket notation 을 이용해 값을 추가할 수 있다.
// 변수를 할당하는 것과 같다고 생각하자.

-----------------------------------------------------------------------------------

delete user.job;

// delete 를 이용하여 키-값 쌍을 지울 수 있다.
// user 에 할당해주었던 job 키와 그에 해당하는 값이 삭제된다.

-----------------------------------------------------------------------------------

'age' in user; // true 를 return 해준다.
'job' in user; // job 은 위에서 지워서 false 를 return 해준다.

// in 연산자를 사용해 해당하는 키가 있는지 확인할 수 있다, boolean 값을 return 해준다.