Colin's Blog
[javascript] Immutable.js에서 제공하는 데이터 조작 메소드에는 어떤 것들이 있나요?

이미 Immutable.js를 사용해 보셨다면 알고 계실테지만, Immutable.js는 불변성을 유지하도록 돕는 JavaScript 라이브러리입니다. 데이터의 불변성은 프로그램의 안정성과 예측 가능성을 높여주며, 복잡한 상태 관리를 간소화할 수 있습니다.

Immutable.js는 다양한 데이터 조작 메소드를 제공합니다. 여기서는 몇 가지 주요한 메소드를 소개하겠습니다:

  1. set 메소드: 새로운 값을 지정하여 객체의 값을 설정합니다. 새로운 객체가 반환됩니다.
const data = Immutable.Map({ name: 'John', age: 30 });
const newData = data.set('age', 31);
console.log(data.get('age')); // 30
console.log(newData.get('age')); // 31
  1. get 메소드: 객체에서 지정된 키에 해당하는 값을 가져옵니다.
const data = Immutable.Map({ name: 'John', age: 30 });
console.log(data.get('name')); // 'John'
  1. update 메소드: 객체의 값을 업데이트합니다. update 메소드는 현재 값과 업데이트할 값을 받아서 새로운 값을 반환합니다.
const data = Immutable.Map({ name: 'John', age: 30 });
const newData = data.update('age', value => value + 1);
console.log(data.get('age')); // 30
console.log(newData.get('age')); // 31
  1. delete 메소드: 객체에서 지정된 키와 해당 값을 삭제합니다.
const data = Immutable.Map({ name: 'John', age: 30 });
const newData = data.delete('age');
console.log(data.get('age')); // 30
console.log(newData.get('age')); // undefined

이 외에도 Immutable.js는 List, Stack, OrderedMap 등 다양한 데이터 구조와 메소드를 제공합니다. 자세한 내용은 공식 문서를 참조하세요.

© 2018 Colin. All rights reserved.