자바스크립트 9가지 코드 트릭

1. 구조 분해 할당을 이용한 변수 swap

ES6의 구조 분해 할당 문법을 사용하여 두 변수를 swap 할 수 있습니다.

let a = 5, b = 10;
[a, b] = [b, a];
console.log(a, b); //10 5

2. 배열 생성으로 루프 제거하기

보통 단순히 범위 루프를 돌고 싶다면 다음과 같이 코드를 작성한다.

let sum = 0;
for (let i = 5; i <10; i++){
    sum += i;
}
console.log(sum);//35

만약 범위 루프를 함수형 프로그래밍 방식으로 사용하고 싶다면 배열을 생성해서 사용할 수 있다.

const sum =
		    Array.from(new Array(5), (_, k) => k + 5)
        .reduce((acc, cur) => acc + cur,0);

console.log(sum);

3. 배열 내 같은 요소 제거하기

Set을 이용할 수 있습니다.

const names = ['dahye', 'dayoung', 'daji', 'dayoung'];
const uniqueNamesWithArrayFrom = Array.from(new Set(names));
const uniqueNamesWithSpread = [...new Set(names)];

console.log(uniqueNamesWithSpread); //[ 'dahye', 'dayoung', 'daji' ]

4. Spread 연산자를 이용한 객체 병합

두 객체를 별도 변수에 합쳐줄 수 있습니다.

const person = {
    name: 'Shin Dahye',
    familyName: 'Shin',
    givenName: 'Dahye',
}

const address = {
    city: 'Seoul',
}

const dahye = { ...person, ...address };
console.log(dahye);