[JS] 23년 JS에 새로 추가된 기능들

업데이트되는건 우리가 하는 게임 버전뿐만이 아니고, 언어도 업데이트되며 지속적으로 기능이 추가된다.

각설하고.. 23년에 새로 생긴 JS의 신 기 능 들에 대해서 알아보도록 하겠다.

 

(해당 글은 이미 유명하신 노마드코더님의 영상을 통해 따로 정리한 글입니다.)

 

---

Array.toReversed / Array.toSorted / Array.toSpliced

우리가 기존에 사용하던 Array.reverse() / Array.sort() / Array.splice() 가 이미 존재하는데 대체 뭐가 다른건가 ~ 싶을 수 있다.

 

위에 함수를 써본사람이라면 다 알겠지만 해당 함수들은 원본 배열도 변경시킨다는 특징 또한 가지고있었다.

const a = [0, 1, 2];
const b = a.reverse();

console.log(a); // [2, 1, 0];
console.log(b); // [2, 1, 0];

 

따라서, 원본배열을 건드리고싶지않다면 아래와 같이 spread 연산자를 사용해야 했었다.

const a = [0, 1, 2];
const b = [...a].reverse();

 

하지만, 23년 JS가 업데이트됨에 따라 이 방법 말고도 새로운 방법이 생겼다.

바로, 새로 추가된 Array.toXXXX 함수를 사용하는 것 이다.

const a = [1, 2, 3];
const b = a.toReversed();

console.log(a); // [1, 2, 3];
console.log(b); // [3, 2, 1];

Array.toXXXX를 통해 원본 배열을 수정하지 않으면서 reverse / sort / splice를 사용할 수 있다.

Array.with

Array.with를 사용하면 원본을 변경하지 않고 배열 내부의 항목을 수정할 수 있다

const a = [1, 2, 3, 4];
const b = a.with(3, 'a');

console.log(a) // [1, 2, 3, 4];
console.log(b) // [1, 2, 3, 'a'];

 

Array.findLast / Array.findLastIndex

기존에 존재하던 Array.find / Array.findIndex 의 기능 변형 버전이다.

Array.findLast는 검색과 일치하는 배열의 마지막 항목의 값을, Array.findLastIndex는 검색과 일치하는 배열의 마지막 항목의 인덱스를 가져온다

 

const a = [1, 1, 1, 1, 1];
a.findLast(val => val === 1); // 1;
a.findLastIndex(val => val === 1); // 4;

 

---

 

언어도 업데이트되는만큼 새로 생기는 기능들에 대해서 짧고 빠르게 알아보는 시간을 가져씁니다

다들 신상 로직한번들 잡솨바..