자바스크립트에서 불변 데이터 구조를 활용하는 방법은 다양합니다. 여기에는 다음과 같은 기법이 포함됩니다.

1. 기본 데이터 유형의 불변성: 자바스크립트의 문자열 및 숫자와 같은 기본 데이터 유형은 불변합니다. 따라서 변수에 할당된 값은 변경되지 않습니다. 이러한 특성을 활용하여 코드에서 변경되지 않아야 할 변수에 기본 데이터 유형을 사용할 수 있습니다.

예시:

const name = "John";
let age = 25;

// 변수 name의 값은 변경할 수 없음
// 변수 age의 값은 변경 가능

1. 배열과 객체의 불변성: 자바스크립트의 배열과 객체는 가변(mutable)하므로 직접적인 변경이 가능합니다. 그러나 불변성을 유지하기 위해 여러 기법을 사용할 수 있습니다.

• 배열의 불변성을 유지하기 위해서는 concat() 메서드를 사용하여 원본 배열에 새로운 요소를 추가한 새 배열을 반환할 수 있습니다.

const numbers = [1, 2, 3];
const newNumbers = numbers.concat(4);

console.log(numbers); // [1, 2, 3]
console.log(newNumbers); // [1, 2, 3, 4]

• 객체의 불변성을 유지하기 위해서는 Object.assign() 메서드를 사용하여 새로운 객체를 생성하고 기존 객체의 속성들을 복사할 수 있습니다.

const person = { name: "John", age: 25 };
const newPerson = Object.assign({}, person, { age: 26 });

console.log(person); // { name: "John", age: 25 }
console.log(newPerson); // { name: "John", age: 26 }

불변 데이터 구조를 사용하면 코드의 예상치 못한 부작용을 방지하고 여러 상태 간의 변화를 추적하기 쉬워집니다. 이를 통해 코드의 유지 보수성과 안정성을 향상시킬 수 있습니다.

자바스크립트에서는 불변 데이터 구조를 활용하기 위해 Immutable.js와 같은 라이브러리를 사용할 수도 있습니다. 이러한 라이브러리는 자체적으로 불변성을 유지하는 데이터 구조를 제공하여 더 편리하게 활용할 수 있도록 도와줍니다.

참고 자료:

• MDN - Immutable object
• Immutable.js