DESTRUCTURING - Swapping and Skipping

KimsPractice·2022년 12월 20일
0

ES6의 정석

목록 보기
22/30
post-thumbnail

출처 : Nomadcoders ES6의정석

이번엔 간단한 두가지 트릭을 소개하려고 한다.

변수를 다루는 두 가지 방법인데, 하나는 변수의 값을 바꾸는 방법을 소개할것이고,

하는 필요없는 데이터는 생략할 수 있는 방법을 소개할 것이다.

우선 변수를 바꾸는 방법에 대해 알아보자.

let mon = "sat";
let sat = "Mon"

위와 같이 엉뚱한 일이 벌어졌다면 우리는 변수와 값을 서로 바꿔줄 필요가 있다.

구조분해할당을 통해 간편하게 값을 바꿀 수 있다.

let mon = "Sat";
let sat = "Mon";
console.log(`before: ${mon},${sat}`);

[mon, sat] = [sat, mon];

console.log(`after: ${mon},${sat}`);

배열 구조분해할당 방식으로 우측 배열대상에 변수를 넣고 좌측에 새로 올바른 변수를 선언하는 형식으로 간단하게 변수의 값을 서로 맞바꾸어 줄 수 있다.

다음은 사용하지 않는 변수를 생략하는 방법이다.
물론 변수를 선언한다 해도 사용하지 않으면 상관은 없지만 보다 정확한 차이를 위해 생락할 수 있다.

const week = ["Mon","Tue","Wed","Thu","Fri"]

다음과 같은 배열이 있을떄 만약 수 목 금 세 개의 데이터만 필요하다면 우리는 어떻게 할 수 있을까
간단하다 선언하지 않으면 된다.

const week = ["Mon","Tue","Wed","Thu","Fri"]

const [,,wed,thu,fri] = week

console.log(wed,thu,fri)

위와 같이 구조분해할당을 할 때 선언하지 않은 채로 , 를 통해 차례로 idnex를 맞춰주면 생략을 한 채 사용 할 수 있다.

profile
난 그냥 살아 아주잘살아

0개의 댓글