자바스크립트 spread operator(전개 구문)

프로그래밍⚡️/javscript

Kwangkki 2022. 8. 19. 23:50

자바스크립트에는 spread operator라는 기능이 있다.

문자열이나 배열을 자르는 용도로 사용된다. 이 기능은 ES6 부터 기능이 추가되었다고 한다.

사용법은 아래와 같다. 변수 앞에 ... 을 붙여주면 된다.

const test = [10, 20, 30, 40, 50];

console.log(test) // [10, 20, 30, 40, 50]
console.log(...test) // 10 20 30 40 50

두개의 배열을 붙여 사용할 때는 아래와 같이 출력하면 된다.

const test = [10, 20, 30, 40, 50];
const test1 = [60, 70, 80, 90, 100];

console.log(...test, ...test1) // 10 20 30 40 50 60 70 80 90 100

다양하게 활용할 수 있다.

const test = [10, 20, 30, 40, 50];
const test1 = [...test, 60, 70, 80, 90, 100];

console.log(...test1) // 10 20 30 40 50 60 70 80 90 100

문자열에 사용하면 다음과 같다.

const test = 'itisapple'

console.log(...test); // i t i s a p p l e

Kwangkki