[JavaScript] 객체

객체

- 하나의 변수 안에 여러가지 정보가 담겨 있음
- 키와 값 쌍으로 이루어져 있음

let user = { //중괄호를 이용해서 객체를 만든다.
	firstName: 'Steve', // 키-값 쌍은 쉼표로 구분해 준다.
    lastName: 'Lee',
    email: 'steve@naver.com',
    city: 'Seoul'
};

객체의 값을 사용하는 방법

1. Dot notation

let user = { 
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@naver.com',
    city: 'Seoul'
};

user.firstName; // 'Steve' // 변수명.키명;
user.city; // 'Seoul' // 변수명.키명;

2. Bracket notation

let user = { 
	firstName: 'Steve',
    lastName: 'Lee',
    email: 'steve@naver.com',
    city: 'Seoul'
};

user['firstName']; // 'Steve' // 변수명[``]
user["lastName"]; // 'Lee' // 변수명[""]
user[`email`]; // 'steve@naver.com' // 변수명[``]


user[city] // city는 변수로 취급된다

# 연습, 흥미롭군요 가져오기!

let tweet = {
	writer: 'stevelee'.
    createdAt: '2022-11-04 09:36:33',
    content: '흥미롭군요'
};

Dot notation으로 가져오기
	- tweet.content; // '흥미롭군요'

Bracket notation으로 가져오기
	- tweet['content']; // '흥미롭군요'
    - tweet["content"]; // '흥미롭군요'
    - tweet[`content`]; // '흥미롭군요'
    

값을 추가하기

let tweet = {
	writer: 'stevelee',
    createdAt: '2022-11-04 09:36:33',
    content: '흥미롭군요'
};

tweet['category'] = '잡담';
tweet.isPublic = true;
tweet.tags = ['hi', 'hello'];

값을 삭제하기 delete

let tweet = {
	writer: 'stevelee',
    createdAt: '2022-11-04 09:36:33',
    content: '흥미롭군요'
};
delete tweet.content;

값이 있는지 확인하기 in

let tweet = {
	writer: 'stevelee',
    createdAt: '2022-11-04 09:36:33',
    content: '흥미롭군요'
};
'content' in tweet; // true
'writer' in tweet; // true
'updatedAt' in tweet; // false

for문을 이용

var grades = {'egoing': 10, 'k8805': 6, 'sorialgi': 80};
for(key in grades) {
	console.log(key); // egoing // k8805 // sorialgi
}

for(key in grades) {
	console.log(grades[key]); // 10 // 6 // 80
}