201111 자바스크립트

이셀·2022년 11월 11일
0

알고리즘 공부를 하게 되면서 주력으로 사용하는 자바스크립트에 대한 공부가 절실한 상황임을 깨달아 팀원분들과 함께 진행하게 되었다.
주 목표는 잔디깔기였기 때문에 하루에 4개정도 푸는 것으로 약속했고 순항중이다!!

이제 2일정도 진행했지만 아주 진한 잔디밭을 깔아뒀다는 생각에 많이 뿌듯했다.
오늘은 여러 문제를 풀면서 서로 이야기했던 문제에 대한 해답풀이 중 나온 연산자에 대해 짧게나마 정리해보고자 한다.

전개연산자

es6로 들어오게 되면서 전개 연산자는 간결하고 가독성이 개선되었다.
배열이나 숫자를 뒤집기 위해서 썼던 concat 메서드는 배열에 대한 선택을 할 수 없는 부분이 있었지만, 전개연산자는 배열의 아무 곳에나 추가할 수 있어 배열에 대한 선택점을 줄 수 있다는 장점이 있다.

// 예시

const arr = [4, 5, 6];
const arrWrap = [1, 2, 3, ...arr, 7, 8, 9]
 
console.log(arrWrap); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

이 전개 연산자는 배열의 요소나 객체를 나열해주는 연산자로 함수의 매개변수나 인자 값으로도 사용이 가능하기 때문에 앞으로도 많이 사용될 것으로 보인다.

사용법은 객체, 배열을 담은 변수 앞에 '...'을 붙히면 된다고 한다.

ex) 배열일 경우

 변수 = [...변수명]   

객체일 경우

 변수 = {...변수명}

따라서

profile
프론트엔드 개발 과정을 기록 중입니다:)

0개의 댓글