JS 최신 꿀기능 3가지

---

1. Numeric Seperator

큰 숫자를 보기 좋게 정렬할 수 있는 기능이다.

예를 들어 1억이라는 숫자를 값으로 담았을 때 다음과 같이 가독성이 매우 떨어진다.

Before

const number = 100000000

하지만 Numeric Seperator를 통해 다음과 같이 가독성 좋게 변환이 가능하다.

After (Now Possible!)

const number= 100_000_000

사용법은 간단하다. 1억을 숫자로 표현할 때 100,000,000 이렇게 콤마를 넣어서 표기하는데 콤마 대신에 언더바를 넣으면 된다.

2. replaceAll

문자열에서 중복되는 문자를 반복문을 통하지 않고도 편하게 바꿀 수 있다.

Before

let a = "Oh My Love! Love is Powerful."

After (Now Possible!)

let a = "Oh My Love! Love is Powerful."

a.replaceAll("Love", "Pizza")

// "Oh My Pizza! Pizza is Powerful."

첫 번째 인자에 바꾸려는 기존 문자를, 두 번째 인자에 바뀔 이후 문자를 적어주면 된다.

3. Logical Assignment Operators

간단한 if 문은 다음과 같이 축약문으로 대채할 수 있게 됐다.

Before

// Case 1 (변수가 거짓이 아니면)
let number = 1;

if (number) {
  number = 2;
}

// Case 2 (변수가 참이 아니면)
let liar = false;

if (!liar) {
  liar = true;
}

// Case 3 (변수가 Null 값이거나 undefined 면)![](https://velog.velcdn.com/images%2Fdrata313%2Fpost%2F3279ef96-edd7-4fc2-b99f-db89b260267d%2Fjs%20(1).png)![](https://velog.velcdn.com/images%2Fdrata313%2Fpost%2F723c0e53-e7b0-484b-8f8d-bb6aefa1bb45%2Fjs%20(1).png)
let none = undefined;
if (none === undefined) {
  none = "Hello!"
}

After (Now Possible!)

// Case 1 (변수가 거짓이 아니면)
let number = 1;

number &&= 2;

// Case 2 (변수가 참이 아니면)
let liar = false;

liar ||= true;

// Case 3 (변수가 Null 값이거나 undefined 면)
let none = undefined;
none ??="Hello!"