JS - 전개 연산자(spread operator)

지송현·2022년 10월 3일
0

JS

목록 보기
7/9
post-thumbnail
arr = [1, 2, 3, 4]

위와 같은 숫자 배열의 최대 최소를 구하려 할 때, Math.max/min을 이용해 간단히 해결하려 하던 중 Math.max/min은 배열이 아닌 숫자 자체를 넣어야 한다는 것을 깨달았다.

배열의 숫자 요소를 어떻게 입력할 수 있을까?

Spread Operator

전개 연산자는 ES6 문법으로 마침표 3개로 표현한다.('...')
이전에는 apply()를 사용했다고 한다.

사용하면 객체나 배열의 원소들을 꺼내서 리턴한다.
예를 들어 ...arr라고 할 때, 1,2,3,4로 표현된다.
그렇다면 다음과 같이 최대 최소를 쉽게 구할 수 있다.

const arr = [1,2,3,4];
const max = Math.max(...arr);
// Math.max(1,2,3,4)와 같다.
const min = Math.min(...arr);

객체에서도 거의 비슷하다.

const obj = {
  a : '1',
  b : '2',
  c : '3',
}

console.log({...obj});
// {a: '1', b: '2', c: '3'}
// {}없이 출력은 불가능했다. 
profile
백엔드 개발자

0개의 댓글