Object(객체)는 property를 가진 데이터를 저장해주며, {} 를 사용한다.
- property 속성접근자
. 또는 {} 로 객체의 속성에 접근할 수 있도록 해줍니다.
예시)
const who = {
name:hojn,
job:dev,
}
property를 불러오는 방법은 2가지 입니다.
1. console.log(who.name); => hojn
2. console.log(who["name"]); => hojn
property를 바꾸는 것은 가능합니다. ( 선언된 object를 바꾸는 것은 불가능합니다. )
who.job=”cooker”,
property를 추가 할 수도 있습니다.
who.age=”30”,
- 객체와, 배열의 사용 접근
배열안에 필요한 값들을 나열하게 되면 사용하면 관리가 어렵기 때문입니다.
const player = [”hojn", age, true]; 와 같은 배열안에 property들은 어떤 속성의 값인지 알 수 없습니다.
객체를 사용하여, 키값과 밸류값으로 저장하여 필요한 곳에서 밸류값을 사용하기 용이합니다.
예시)
const playerName = "hojn";
const playerAge = 100;
const playerFat = true;
를 아래와 같이 사용한다.
const player = {
name: “hojn",
age: 100,
fat: true
};
- const , let 차이
const는 let과 다르게 update가 안되지만,
리스트의 경우 전체를 변경하는 게 아니라 속성값을 수정/추가하는 경우에는
update 가 가능합니다.
예)
player=false; >> error
player.fat=false; >> success
이것을 통해 데이터의 요소값에 접근하는 방법을 익힐 수 있습니다.
'JavaScript' 카테고리의 다른 글
배열에서 원하는 값까지만 가져오기 slice() (0) | 2022.11.02 |
---|---|
Fuctions 함수 (0) | 2022.10.17 |
Arrays 배열 (0) | 2022.10.17 |
Booleans (true/false), null, undefined (0) | 2022.10.14 |
const , let , var 차이점 : (0) | 2022.10.14 |