본문 바로가기
프론트엔드/자바스크립트

2023년, 드디어 새로운 자바스크립트가 왔다!

by 1005ptr 2023. 5. 22.
반응형

https://www.youtube.com/watch?v=e6WV_DXGwSg 

자바스크립트에는 변수의 값을 직접 바꾸는 함수들이 존재한다.

문제는 어떤 함수들은 값 자체를 바꾸고 어떤 함수들은 값을 복사하여 새로운 값을 만든다는 점.

요즘은 값의 변형(Mutation)을 지양하거나 금지하는 경우가 많은데

이런 내장 함수들 때문에 자바스크립트를 쓸때는 함수들의 차이를 잘 알고 사용해야 한다.

영상에서는 기존에 자바스크립트에 존재했던 원본을 변형시키는 함수와 동일한 기능을 하지만 원본이 변형되지 않는 함수를 소개하고 있다.

  • reverse 함수를 대체하는 toReversed
  • sort 함수를 대체하는 toSorted
  • splice 함수를 대체하는 toSpliced

등 원본을 변경하지 않는 대체함수가 추가됐다고 한다.

 

 

그 외에도 추가된 함수

  • with 함수를 통해 원본을 변경하지 않고 배열 내의 값을 변경할 수 있다. 물론 복사본으로 처리하는것
  • find(조건을 만족하는 첫번째 값)의 대응되는 findLast(조건을 만족하는 마지막 값)
  • findIndex(조건을 만족하는 첫번째 인덱스)의 대응되는 findLastIndex(조건을 만족하는 마지막 인덱스)

 

 

반응형

'프론트엔드 > 자바스크립트' 카테고리의 다른 글

형변환  (0) 2022.11.28
변수 선언  (0) 2022.11.28
HTML 요소 검색  (0) 2022.11.25
let, const와 블록 레벨 스코프  (0) 2022.11.25
타입을 확인하는 방법  (0) 2022.11.25

댓글