배열의 확장, 객체의 결합 - [spread]
배열의 확장 const one = ['장군', '병사', '민간인'] const two = ['장승배기', '서면', '기장'] const all = one.concat(two); 위와 아래가 같은 의미다 const one = ['장군', '병사', '민간인'] const two = ['장승배기', '서면', '기장'] const all = [...one,...two] 나누기 const numbers = [1, 2, 3, 4, 5, 6]; const [one , two...rest] = numbers; // …rest를 출력하면 3,4,5,6이 출력된다. 객체의 결합 const one = { first: '장군', second : '병사', third: '민간인' } const two = { home: ..
2022. 9. 8.
배열 데이터 삭제- [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,..
2022. 9. 7.