728x90
01. 객체 : 데이터 불러오기 : 펼침연산자 - 복사
객체 데이터 불러오기의 펼침연산자를 이용해 데이터를 복사하는 방법입니다.
const obj = {
a: 100,
b: 200,
c: "javascript"
}
const spread = { ...obj }
document.write(spread.a)
document.write(spread.b)
document.write(spread.c)
결과보기
02. 객체 : 데이터 불러오기 : 펼침연산자 - 추가
객체 데이터 불러오기의 펼침연산자를 이용해 데이터를 추가하는 방법입니다.
const obj = {
a: 100,
b: 200,
c: "javascript"
}
const spread = { ...obj, d: "jquery" }
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
결과보기
03. 객체 : 데이터 불러오기 : 펼침연산자 - 결합
객체 데이터 불러오기의 펼침연산자를 이용해 데이터를 결합하는 방법입니다.
const objA = {
a: 100,
b: 200
}
const objB = {
c: "javascript",
d: "jquery"
}
const spread = { ...objA, ...objB }
document.write(spread.a);
document.write(spread.b);
document.write(spread.c);
document.write(spread.d);
결과보기
728x90
반응형
'Javascript' 카테고리의 다른 글
| [javascript]콜백함수 (2) | 2022.09.20 |
|---|---|
| [javascript]재귀함수, 내부함수 (1) | 2022.09.20 |
| [javascript]비구조화 할당 (4) | 2022.09.20 |
| [javascript]mouseenter / mouseover 차이점 (5) | 2022.09.05 |
| [javascript]요소 : 크기 및 위치 (4) | 2022.09.01 |
댓글