10. JS 객체 / JSON (다시)

🔅 자바스크립트 객체

자바스크립트 객체는 {}내에 key:value가 모여있는 형태로 작성된다(Map 형식)
{K:V, K:V, K:V}
== JSON(Javascript Object Notation, 자바스크립트 객체 표기법)
-> "{K:V, K:V, K:V}"

🔍 객체 생성 방법

1. {} : 객체 리터럴 표기법을 이용한 생성
2. 생성자 + new 생성자()를 이용한 방법
   ** JS 객체의 key는 무조건 string -> key 작성시 "",'',(따옴표X)는 모두 stirng으로 인식

🔍 객체 값 얻어오기/대입하기

[얻어오기]

• 객체명.key ex) product.pName
• 객체명['key'] ex) product['pName']

[대입하기]

• 객체명.key = 값; ex) product.price = 25000;
• 객체명['key'] = 값; ex) product['price'] = 25000;

[제거하기]

• delete 객체변수명.key ex) delete product.capacity;

☑️ for in (객체 전용 for문)

for(let key in 객체명)

    for(let key in product){
            div1.innerHTML += product[key] + "<br>";
    }
})

🔅 JSON(Javascript Object Notation, 자바스크립트 객체 표기법)

JS 객체 : {"memberId":"user01","memberPw":"pass01","age":20}
JSON 문자열 : '{"memberId":"user01","memberPw":"pass01","age":20}'

• 괄호 {} 내에 key : value 쌍으로 구성 {"key" : value}
• key : 반드시 문자열 사용(쌍 따옴표("") 표기 필수)
• value : String, Number, Boolean, Array, Object, null 데이터 저장 가능