-
배열을 객체로 변환 하는 방법공부/JavaScript 2021. 7. 14. 18:14
배열을 객체로 바꾸는 방법들이 많이 존재한다. 그러나 내가 원하는 해답을 구글링을 해서 얻으면 좋겠지만 쉽게 나오지 않고 어떤 검색어를 입력해야 되는지 잘 모르겠다. 직접 정리하고 내가 나중에 찾아 볼수 있도록 하기 위하여 작성하였다.
🔔배열 ->객체
- Object.assign({},arr)

- 배열에 있는 인덱스를 키값으로 받아 객체로 변환한다.
- arr.reduce((target,key,index)=>target[index]=key)

- reduce를 사용하여 배열을 객체로 변환한다.
- spread(...) 사용

🔔3차 배열 -> 객체
- map을 사용

- 3차원 배열에서 1차원 배열의 각 인덱스가 객체로 변한 것을 확인 할 수 있다.
- 그러나 이것도 조금은 복잡한 느낌이 있다.
- reduce 사용

- 3차 배열을 새로운 변수에 할당하여 1차 배열에 객체들을 인덱스로 넣어주었다.
- reduce로도 배열들을 객체로 만들 수 있다.
- Object.fromEntries() 사용

- 3차 배열을 제일 쉽게 제거하는 느낌이다. 물론 배열에 map을 사용해야 가능하다고 생각한다.
- map을 사용하지 않는 경우

- name,Bob이 객체의 키가 되고 배열([])이 값이 된다.
- 역시 MDN에는 없는게 없다. MDN을 참고하자.(fromEntries)
Object.fromEntries() - JavaScript | MDN
The Object.fromEntries() method transforms a list of key-value pairs into an object.
developer.mozilla.org
공부의 끝은 없다......
'공부 > JavaScript' 카테고리의 다른 글
[JS] this 바인딩이란? (0) 2025.10.11 자바스크립트 파일을 브라우저에서 한 번에 로딩 할 때의 문제점 (0) 2021.12.23 클로저, spread, rest (0) 2021.07.06 스코프 (0) 2021.07.01 원시, 참조 자료형 (0) 2021.07.01