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