배열 데이터 삭제- [slice, filter]

 

리엑트에서 데이터의 불변성을 유지하면서 작업을 진행해야 합니다.

불변성을 고려해서 배열 데이터를 삭제할 때 사용되는 것이 slice와 filter입니다.

 

const numbers = [1,2,3,4,5]; 
console.log(numbers.slice(0,2)); 
// [1,2] 기존의 배열은 건드리지 않습니다! 
numbers.slice(0,2).concat(numbers.slice(3,5)) 
// [1,2] 먼저 slice의 결과물인 1,2과 출력되고, concat함수로 인해 뒤에 있는 데이터가 더해집니다.
// [1,2,4,5] 

[  
	…numbers.slice(0,2), 
	10,
	…numbers.slice(3,5) 
]

// [1,2,10,4,5]

 

filter

const numbers = [1,2,3,4,5]
numbers.filter(n => n>3);
// [4,5] 필터로 인해 배열 내부의 값이 걸러집니다.
 
Numbers.filter(n => n !== 3);
// [1, 2, 4, 5]