[JavaScript] 전개구문(Spread syntax)이란?

JavaScript 전개연구문에 대해서 알아보자!

전개구문이란?

말 그대로 전개하는 것, 객체나 배열을 펼칠 수 있다.

사용법은 아주간단하다! 배열이나 객체 앞에 점세개만 붙이면 된다.

함수에 적용하기

함수의 파라미터에 전개구문을 넣으면 개수를 초과한 모든 파라미터를 가져온다.

function myFunction(a, b, c, ...arg) {
	console.log(a, b, c); //1 2 3
    console.log(arg); //[4, 5]
}
const arr = [1, 2, 3, 4, 5];
myFunction(...arr); // myFunction(1, 2, 3, 4, 5);와 같음.

배열 합치기

//전개구문 없이 배열을 합치려면 .concat() 사용함.
var arr1 = [1, 2];
var arr2 = [3, 4];

arr1 = arr1.concat(arr2);

console.log(arr1);//[1, 2, 3, 4]

//전개구문 없이 배열을 합치려면 .concat() 사용함.
var arr1 = [1, 2];
var arr2 = [3, 4];

arr1 = arr1.concat(arr2);

console.log(arr1);//[1, 2, 3, 4]

객체 합치기

//전개구문 없이 배열을 합치려면 .concat() 사용함.
var arr1 = [1, 2];
var arr2 = [3, 4];

arr1 = arr1.concat(arr2);

console.log(arr1);//[1, 2, 3, 4]

 

요렇게 직관적이고 간단하게 객체와 배열을 펼쳐서 활용할 수 있다!

참고

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Operators/Spread_syntax

전개 구문 - JavaScript | MDN

공부내용을 기록하는 블로그입니다.

피드백은 언제든지 환영합니다😊