[js] postgreSQL - ... (spread Operator)

라이브러리 읽는다는 게 어렵게 다가왔던 것 같아서

 

이번엔 운좋게 궁금한 걸 찾았다.

 

... 문법(?)

spread Operator(펼침 연산자)

괄호를 제거해 주는 문법 -> 

 

사용처

1. Array 합칠 때

var a = [1,2];
var b = [3,4];
var c = [...a, ...b];

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

 

2. Array 복사할 때

// 위치 값을 복사했기 때문에 a를 수정하면 b도 같이 수정되는 문제 발생
var a = [1,2];
var b = a;

// 값을 복사하는 방법
var a = [1,2,3];
var b = [[...a]];

 

3. object를 합치거나 복사할 때

// object 복사
var o1 = { a : 1, b : 2 };
var o2 = { c : 3, ...o1 };

// 만약 키값이 겹치는 경우
var o1 = { a : 1, b : 2 };
var o2 = { a : 3, ...o1 };

console.log(o2); // { a: 1, b: 2 }

 

키 값이 겹치는 경우 왜 a : 1로 출력될까?

- 

4. array를 파라미터로 넣을 때

var arr = [10,20,30,40,50];

function plus(a,b,c,d,e) {
    console.log(a+b+c+d+e)
}

plus(...arr) // 150

---

참고한 블로그

https://sbangool.tistory.com/entry/JavaScript-%EC%9E%90%EB%B0%94%EC%8A%A4%ED%81%AC%EB%A6%BD%ED%8A%B8-Spread-Operator-%EB%AC%B8%EB%B2%95-%EC%9D%98%EB%AF%B8

[JavaScript] 자바스크립트 Spread Operator (... 문법, ...의미)