Frontend/JavaScript

ES6 전개연산자

findmypiece 2021. 3. 3. 10:35
728x90

배열과 객체 리터럴 값을 복사해온다.

const numbers = [1, 2, 3, 4, 5];
const moreNumbers = [...numbers, 6];

//배열을 그대로 복사해오는 것으로 아래와 같다.
const numbers = [1, 2, 3, 4, 5];
var numbersLength = numbers.length;
const moreNumbers = new Array();
for(var i = 0; i < numbersLength+1; i++){
	if(i < numbersLength){
		moreNumbers[i]  = numbers[i];
	}else{
		moreNumbers[i] = 6;
	}
}

위와 같이 하면 numbers의 값이 moreNumbers에 그대로 복사된다.
기본적으로 전개 연산자 뒤에 값을 추가로 정의하면 그 값이 추가되는데
복사해온 리터럴에 있던 값을 동일하게 정의할 경우 해당 값이 치환된다.
객체 리터럴일 경우 특정 데이터만 치환할 경우 유용하게 사용할 수 있다.

 

728x90

'Frontend > JavaScript' 카테고리의 다른 글

script 태그 async, defer 옵션  (0) 2021.03.04
콜백함수와 비동기처리  (0) 2021.03.04
ES6 import, export  (0) 2021.03.03
ES6 화살표 함수  (0) 2021.03.03
ES6 제너레이터 함수  (0) 2021.03.03