반응형
배열 다루기는 재밌으면서 어렵다..
1. reduce를 이용하기
const arr = [[1,2],[3,4],[5,6]]
const temp = arr.reduce((acc,cur)=> {
return acc.concat(cur);
},[]) // 초기값 [] 세팅
);
console.log(temp) //[1,2,3,4,5,6]
먼저 reduce를 이용해서 2차원 배열을 1차원 배열로 만들어보았다.
여기서 중요한 포인트는 arr 변수가 빈 배열인 경우도 있으니 reduce에 초기값을 넣어줘야 한다는 것이다.
난 reduce 함수가 아직 익숙하지 않아서.. 이걸 빼먹었다
그래서 아래와 같은 에러가 발생했는데
reduce of empty array with no initial value
초기값을 세팅해주고 나니 문제없이 구현 완료!
2. flat() 함수 이용하기
const arr = [[1,2],[3,4],[5,6]]
arr.flat
console.log(arr) //[1,2,3,4,5,6]
flat으로 코드는 예쁘게.. 구현 가능하지만
느리다는 단점이 있다고 한다.
왜 느린지는 다음에 알아볼게요 .. 일해야 되니까..
반응형
'📍 Front-End > 🜸 JavaScript' 카테고리의 다른 글
자바스크립트 object 특정 값 삭제하기 (delete 연산자, 깊은 복사, 비구조화 할당) (0) | 2023.05.23 |
---|---|
day.js (Javascript 날짜 라이브러리) 사용법 (0) | 2023.05.16 |
자바스크립트에서 정규식으로 IPv6 유효성 검사 (0) | 2023.01.13 |
[자바스크립트/Javscript] 두개의 배열 내 객체 값 비교하기 (0) | 2022.05.06 |
[자바스크립트/Javscript] 배열안에 객체 값 변경하기 (0) | 2022.05.03 |
댓글