JavaScript

Object 객체

hojncode 2022. 10. 17. 23:35

 

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