Immutable.js에서 다중 중첩 키를 삭제하는 가장 좋은 방법은 무엇입니까?

Question

Immutable.JS에있는지도에서 여러 키를 삭제하는 기능은 무엇입니까?

const x = fromJS({ 
    a1: 'A', 
    a2: { b: { c0:'C0', c1:'C1' } }, 
    a3: { b:'B' }, 
    a4: { b: { c:'C', c1:'C1', c2:'C2' }}, 
    a5: { b: { c: { d:'D', d1:'D1' }}}, 
    a6: { b: { c2:'c2' }}, 
}); 

어떤 간단한 순수한 방법이 있나요 어떻게 할 :

내가 c0는,이 예에서 불변의 맵에서 c1, c2 모든 중첩 된 키를 삭제 싶은 말은하자?

const { fromJS, Map } = Immutable; 
 

 
const x = fromJS({ 
 
    a1: 'A', 
 
    a2: { b: { c0:'C0', c1:'C1' } }, 
 
    a3: { b:'B' }, 
 
    a4: { b: { c:'C', c1:'C1', c2:'C2' }}, 
 
    a5: { b: { c: { d:'D', d1:'D1' }}}, 
 
    a6: { b: { c2:'c2' }}, 
 
}); 
 

 
console.log(x.toJS()); 
 

 
const newX = x.map((value, key) => { 
 
    if (Map.isMap(value)){ 
 
    value = value.hasIn(['b', 'c0']) ? value.deleteIn(['b', 'c0']) : value; 
 
    value = value.hasIn(['b', 'c1']) ? value.deleteIn(['b', 'c1']) : value; 
 
    value = value.hasIn(['b', 'c2']) ? value.deleteIn(['b', 'c2']) : value; 
 
    } 
 
    return value; 
 
}); 
 

 
console.log('----------------------------'); 
 
console.log(newX.toJS());

<script src="https://cdnjs.cloudflare.com/ajax/libs/immutable/3.8.1/immutable.js"></script>

하지만 value = value.hasIn(...도 ESLint에서 변수 재 할당을 좋아하지 않는다 :

내 솔루션이 있습니다.

Answer 1

당신은 경로가 있는지 확인 할 필요가 없습니다 ("keyPath의 모든 키가 존재하지 않는 경우, 변화가 발생하지 않습니다.", 아래 링크 참조), 그래서 단순히 호출 체인

return value.deleteIn(['b', 'c0']).deleteIn(['b', 'c1']).deleteIn(['b', 'c2']); 

return value.withMutations(map => { 
    map.deleteIn(['b', 'c0']).deleteIn(['b', 'c1']).deleteIn(['b', 'c2']); 
}); 

참고 :

,536 여러 돌연변이를 할 때

또한, withMutations를 사용하는 것이 도움이 될 수 있습니다

• https://facebook.github.io/immutable-js/docs/#/Map/deleteIn
• https://facebook.github.io/immutable-js/docs/#/Map/withMutations