[Node.js] 2장 - 알아둬야 할 자바스크립트

구조분해할당
구조 분해 할당을 사용해 객체와 배열로부터 속성이나 요소를 쉽게 꺼낼 수 있다.

✔ 단순 배열

const arr = [1, 2, 3, 4, 5];

// 배열은 배열형태로 구조분해
const [one, two, three, four, five] = arr;
one; // 1
two; // 2
three; // 3
four; // 4
five; // 5

✔ 다차원 배열

const arr = [
    [1, 2, 3],
    [4, 5, 6],
];
const [[one, two, three], [four, five, six]] = arr;
one; // 1
two; // 2
three; // 3
four; // 4
five; // 5
six; // 6

✔ 단순 객체

const obj = { a: "mike", b: "elice" };

// 객체는 객체형태로 구조분해
const { a, b } = obj;
a; // "mike"
b; // "elice"

✔ 복잡한 객체

const obj = {
    a: {
        name: "mike",
        age: 31,
    },
    b: {
        name: "elice",
        age: 33,
    },
};

const {
    a: { name, age },
} = obj;

name; // "mike"
age; // 31

✔ 변수명이 겹칠 경우 이름을 바꿔서 할당해 줄 수 있다.

const obj = {
    a: {
        name: "mike",
        age: 31,
    },
    b: {
        name: "elice",
        age: 33,
    },
};

const {
    a: { name: a_name, age: a_age },
} = obj;
const {
    b: { name: b_name, age: b_age },
} = obj;

a_name; // "mike"
a_age; // 31
b_name; // "elice"
b_age; // 33

✔ 객체안에 배열이 있을때

const obj = { data: ["test", "test2"] };
const {
    data: [test, test2],
} = obj;

test; // "test"
test2; // "test2"

const obj2 = { result: [{ name: "mike", age: 28 }] };
const {
    result: [{ name, age }],
} = obj2;

name; // "mike"
age; // 28

const test = { results: [{ data: { name: "mike", age: 33 } }] };
const {
    results: [
        {
            data: { name, age },
        },
    ],
} = test;

name; // "mike"
age; // 33