Oct 17, 2021 - 불변성!!

*10월17일

 

-불변성 지키면서 객체 수정 / 병합 / 제거

 

const obj= {

 a: 1,

 b: 2

};

 

const newObj= {

 ...object, //spread operator로 복사 후, 변경원하는 값만 변경

 b: 3

};

 

const schedules= [

   {

       id: 1,

       whatDay: 'Mon',

       isDone: true

   },

   {

       id: 2,

       whatDay: 'Wed',

       isDone: false

   }

];

 

const merged= schedules.concat({  // concat을 활용한 병합

   id: 3,

   whatDay: 'days',

   isDone: false

});

 

const filtered = schedules.filter(schedule=> schedule.id !== 3); //3번 스케쥴만 제외

 

const modified = schedules.map(schedule=> schedule.id === 3 ? { ...schedule, isDone: !schedule.isDone,} :  schedule); //map을 활용한 수정