---

구조분해 할당

---

배열 분해

let arr = ["hyejin","kim"];

// arr[0], arr[1]
// 구조분해 할당
let [firstname, secondname] = arr;
alert(firstname);
alert(secondname);

let [a, , b, c, d] = "하이 헬로우 안녕 하세요".split(' ')

alert(a);
alert(b);
alert(c);
alert(d);

하이 안녕 하세요 undefined

let [a, b, c] = "abc";

alert(a)
alert(b)
alert(c)

a b c

entries() 함수 이용

let user = {
    name : "khj",
    age : 20
}

for(let [key, value] of Object.entries(user)) {
    alert(`${key} : ${value}`);
}

나머지 요소 가져오기

let [name1, name2, ...rest] = ["김", "이", "박", "정", "권"]

alert(rest[0])
alert(rest[1])
alert(rest[2])

박 정 권

구조분해 할당의 기본값

let [firstname = "khj", surname = "kim"] = ["lala"];

alert(firstname);
alert(surname)

객체 분해

let options = {
    title : "menu",
    width : 100,
    height : 200
}

let {title, ...rest} = options;

alert(title);
alert(rest.width);
alert(rest.height);

---

JSON과 메소드

---

객체(object) 데이터

송신부 : 객체 ⇒ 문자열(JSON)
수신부 : 문자열(JSON) ⇒ 객체

JSON.stringify

• Json은 값이나 객체를 나타내주는 범용 포맷
• 본래 자바스크립트에서 사용할 목적으로 만들어진 포멧이다.
• 자바스크립트가 아닌 언엉어에서도 json을 충분히 다룰 수 이어서 json을 데이터 교환 목적으로 사용하는 경우가 많다.
• JSON.stringify - 객체를 JSON으로 바꿔준다.
• JSON.parse - JSON을 객체로 바꿔준다.

JSON.parse

// let value = JSON.parse(문자열);
let numbers = "[0, 1, 2, 3]";

alert(numbers);
let obj = JSON.parse(numbers); // obj ==> [0, 1, 2, 3]

alert(obj[0]);
alert(obj[1]);
alert(obj[2]);
alert(obj[3]);