[ES6+] arr.with() - 특정 인덱스에 위치한 값 변경하기

배열의 특정 인덱스에 위치한 값을 바꾸는 Array.prototype.with() 메서드에 대해 알아보자.

이 함수는 ECMAScript 2023에 소개된 배열 메서드이다.

이 메서드의 역할은 제목과 본문 첫 줄에 적혀있는 것과 마찬가지로 지정된 인덱스에 위치한 값을 대체하고 새 배열을 반환하는 기능을 제공한다.

사실 무슨 기능인지는 알겠는데 어디서 활용할 수 있을지 감이 안 잡힌다.

 

▷ 구문

arr.with(index, value)

index : 변경할 인덱스의 값을 의미하며, 음수로 사용 시 배열의 끝부터 역산한다.

value : index에 위치한 값을 대체할 값을 의미한다.

---

▷ 예제 1) Array.prototype.with() 기본 사용법

const arr = [0, 1, 2, 3, 4, 5]

const with1 = arr.with(0, 7)

console.log(arr) // [0, 1, 2, 3, 4, 5]
console.log(with1) // [7, 1, 2, 3, 4, 5]

---

참고: https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/with

Array.prototype.with() - JavaScript | MDN