Home JavaScript의 Spread Operator 펼침 연산자
Post
Cancel

JavaScript의 Spread Operator 펼침 연산자

Spread Operator

Spread Operator는 펼침 연산자입니다.
자바스크립트의 Spread Operator는 특정 객체 또는 배열의 값을 다른 객체, 배열로 복제하거나 옮길 때 사용합니다.

1. SpreadOperator를 이용한 값 출력

1
2
3
4
5
var pre = [100, 200, "hello", null];

console.log(...pre);

// 100 200 hello null

2. SpreadOperator를 이용한 배열 삽입

newData 배열에 pre 배열의 값을 SpreadOperator를 이용하여 삽입

1
2
3
4
5
var pre = [100, 200, "hello", null];
var newData = [0, 1, 2, 3, ...pre, 4];

console.log(pre);
console.log(newData);

3. SpreadOperator 활용 예시

1
2
3
4
5
6
7
8
9
10
11
function sum(a, b, c) {
    return a+b+c
}

var pre = [100, 200, 300]

// 기존의 방식 (sum.apply를 이용)
console.log(sum.apply(null, pre)); // 600

// spreadOperator를 이용한 방식
console.log(sum(...pre)); // 600
This post is licensed under CC BY 4.0 by the author.