Notice
Recent Posts
Recent Comments
Link
| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | |||
| 5 | 6 | 7 | 8 | 9 | 10 | 11 |
| 12 | 13 | 14 | 15 | 16 | 17 | 18 |
| 19 | 20 | 21 | 22 | 23 | 24 | 25 |
| 26 | 27 | 28 | 29 | 30 |
Tags
- spread operator
- vue 프로젝트 세팅
- setTimeout
- 제이쿼리
- foreach
- VUE
- v-if
- 백팁
- FOR문
- 스크롤이벤트
- 변수
- 팝업
- 슬라이더
- 반복문
- 이벤트
- 이벤트버블링
- 해체분석기
- 버블링
- arrow function
- 클릭
- 호이스팅
- 데이터바인딩
- ${}
- apply
- 모달
- 화살표함수
- 배열
- v-for
- 타이핑
- Carousel
Archives
- Today
- Total
루로그
6. Spread Operator(...연산자) 본문
Spread Operator (...)
- ...연산자를 사용하면 오브젝트와 어레이의 괄호를 제외한 값만 나열한다
- 문자 데이터에 ...연산자를 적용하면 한글자씩 나열한다
- 오브젝트의 키값이 겹치면 무조건 나중에 온 값이 우선이다
var a = [1,2,3];
var b = [4,5];
var c = [...a, ...b]; // [1,2,3,4,5]랑 같은 값이 된다
// Spread Operator(...)를 사용하면 오브젝트와 어레이의 괄호를 제외한 값만 나열한다
var o1 = { a : 1, b : 2};
var o2 = { a : 3, ...o1 }; // {a : 1, b : 2}랑 같은 값이 된다
//위처럼 오브젝트의 키값이 겹치면 무조건 나중에 온 값이 이긴다
콘솔 출력
코딩애플 강의로 실습한 내용입니다
출처 : https://codingapple.com/
반응형
'STUDY > JavaScript 객체지향 & ES6 신문법' 카테고리의 다른 글
| 7. apply, call 함수 (0) | 2022.09.06 |
|---|---|
| 5. Template literals - 해체분석기 (0) | 2022.09.06 |
| 4. var, let, const변수와 선언, 할당, 범위 (0) | 2022.09.02 |
| 3. 화살표 함수 활용 연습 (0) | 2022.09.02 |
| 2. 화살표 함수(arrow function) (0) | 2022.09.02 |
