object란??
property를 가진 data를 저장할 수 있게 해줌.
array는 하나의 의미를 가진 list를 나열 한 것이라 각 값의 의미를 지정하지 않아도 된다.
그럼 각각의 의미를 지닌 것은 어떻게 나타낼까??
object를 만들어 내는 것은 의미가 다른 각각의 variable를 만들면 너무 번거롭기 떄문에 이를 더 간략하게 나타낼 때 유용하다.
object를 사용하지 않고 만들게 된다면
const playerName = "Hye Ryeong";
const playerPoints = 971126;
const playerHappy = "so so";
const player = ["Hye Ryeong", 971126, "so so"};이런 형식으로 하나하나 적어줘야한다.
object 만드는 법
위에 코드를 보면 player은 다 겹친다.
따라서
object는 대괄호 []가 아닌 중괄호 {}를 이용하며, css와 비슷한 형태로 보인다.
object 안과 밖은 다르게 나타나는데, 밖은 = 이 사용되고 안은 :와 ,가 사용된다.
console.log 의 () 속 값에 해당 player라는 변수와 그 특성(property)를 .으로 구분하여 적어준다. --> list와는 다르게 그 의미를 바로 알 수 없기도 하기 때문이다.
이것이 list는 아니다 list는 모든 값이 하나의 의미를 갖기 때문이다.
위 코드에서 player의 name에 접근을 해봤는데, 다른 방식으로는
console.log(player["name"]);이런 방법도 가능하다.
object 업데이트하기
여기서 중요한 것은 const를 업데이트한다는 뜻이 아니라 const 속 object를 업데이트 한다는 것이다!
코드를 살펴보면 비교를 위해 8번째 줄에서는 업데이트를 하지 않은 원래의 player 값이 출력되었고,
13번째 줄에서 so so를 no로 업데이트 해준뒤
다시 player를 출력해보니 두 onject의 차이점이 나타났다.
만약 player points를 100을 더해주고 싶다면
console.log(player);
player.points = player.points + 100;
console.log(player);로 object에서 받은 정보를 업데이트 가능하다.
object 추가하기
업데이트 방법과 비슷하다.
변수.속성 = 값; 을 코드 추가해주고 다시 출력을 해주면 된다.
console.log(player);
player.lastName = "Cho";
console.log(player);