{
//객체불러오기(펼침연산자,복사)
const ob18 = {
a: 100,
b: 200,
c: "javascript"
}
const spread = {
...ob18
};
document.write(spread.a, "<br>");
document.write(spread.b, "<br>");
document.write(spread.c, "<br>");
document.write( "<br><br>");
}
{
//객체불러오기(펼침연산자,추가)
const ob19 = {
a: 100,
b: 200,
c: "javascript"
};
const spread = {
...ob19,
d: "react"
};
document.write(spread.a, "<br>");
document.write(spread.b, "<br>");
document.write(spread.c, "<br>");
document.write(spread.d, "<br>");
document.write( "<br><br>");
}
{
//객체불러오기(펼침연산자,결합)
const ob20 = {
a: 100,
b: 200
}
const ob21 = {
c: "javascript",
d: "react"
}
const spread = {
...ob20,
...ob21
}
document.write(spread.a, "<br>");
document.write(spread.b, "<br>");
document.write(spread.c, "<br>");
document.write(spread.d, "<br>");
document.write( "<br><br>");
}
'프론트엔드 공부 > javscript' 카테고리의 다른 글
일반함수와 화살표함수에서 this 정의 차이점 (0) | 2021.05.21 |
---|---|
변수유효범위(variable scope) (0) | 2021.05.20 |
객체불러오기(변수,forin,map) (0) | 2021.05.06 |
객체구조분해할당 (0) | 2021.05.06 |
객체선언,객체생성자함수 (0) | 2021.05.06 |