자바기반의 웹&앱 응용 SW개발자 양성과정 74일차 -111

 

ES6 

 

KEY : VALUE 값에서 KEY값에 변수를 사용하게 되면 오류가 발생한다. 변수를 변수로 인식하지 않고 KEY로 인식하기 때문에 변수의 값을 넣지 안기 때문이다.

이러한 점을 [] 대괄호를 이용해 KEY값을 감싸게 되면 해당되는 VALUE값을 키값으로 할당할 수 있다.

let kor = 30;
let eng = 20;
let math = 0;

let col = "name";

let exam = {

    kor,
    eng,
    math,
    [col]: 'yu sung il',
    total() {

        return this.kor + this.eng + this.math;

    }
};

 

Destructiring

 

let col = "name";

let exam = {
    kor: 10,
    eng: 1,
    math: 0,
    [col]: 'yu sung il',
    total() {

        return this.kor + this.eng + this.math;
    }
};
let { kor, eng, math } = exam;
console.log(exam.kor);

!! console.log(`kor : ${kor}`);

데이터를 분쇄할 경우 속성 이름이 일치해야 합니다. 원하는 것만 뽑아서 조합할 수 있습니다.

 

function print(x, y = 0) {
}
print(1);


let col = "name";

let exam = {
    kor: 10,
    eng: 1,
    math: 0,
    [col]: 'yu sung il',
    total() {

        return this.kor + this.eng + this.math;
    }
};

let exam1 = {
    kor: 120,
    eng: 1,
    math: 0,
    [col]: 'yu sung il',
    total() {

        return this.kor + this.eng + this.math;
    }
};

let { kor, eng, math } = exam;
console.log(`kor : ${kor}`);

// let을 사용하게되면 변수명이 겹침. 따라서 ()중괄호를 이용해 변수선언을 막음
({ kor, eng, math } = exam1);
console.log(`kor : ${kor}`);

별칭 사용

 

//별칭사용
let { kor: korean, eng, math } = exam;
console.log(`kor : ${korean}, ${math}`);

 

 

디스트럭쳐 변수 선언

let exam2 = {
    kor: 120,
    eng: 1,
    math: 10,
    [col]: 'yu sung il',
    student: {
        name: 'dragon',
        phone: '0101-02323-2322'
    }
};

let { student: { name, phone } } = exam2
console.log(`${name} +++++ ${phone}`);

 

다양한 함수 구현 방식

 

let exam = {
    kor: 10,
    eng: 1,
    math: 3,
    total() {

        return this.kor + this.eng + this.math;
    }
};

const printExam = ({ kor, math, eng }) => {
    console.log(
        `        kor :${kor},
        math :${math},
        eng : ${eng}`
    );
}
printExam(exam);