본문 바로가기
develop/javascript

[JS] 배열을 객체로

by hyoE 2021. 9. 10.
반응형

 

 

배열을 객체로 변환시켜야 하는 방법

 

const array = [ 'apple', 'banana', 'lemon' ]

 

1. Object.assign( { } , array ); 

객체를 복사하거나, 객체끼리 합하는데 사용 되기도 한다.

배열을 객체로 변환시킨 원리도 { } 빈 객체에, array를 객체로 변환시켜 더했다 생각하면 된다.

 

객체에서 중복된 값이 있다면 덮어 씌운다.

 

a : 1이 a : 6으로 변경된 것을 알 수 있다.

 

 

2. array.reduce( (target, key, index) => {

           target[index] = key ;

           return target

   }, { } )

reduce( ) 메서드는 워낙 중요한 메서드 이기 때문에 추후 따로 정리해야겠다.

 

 

3. { ...array }

 스프레드 연산자를 사용하면 간단히 객체로 전환 시킬 수 있다.


arr = [ 'name', 'leo' ] 라는 배열을 { name : 'leo'} 객체로 바꾸기 

 

const map = new Map([arr]);
const object = Object.fromEntries(map)

 

사실 이 문제를 해결 하기 위해 알아봤고, 한 유저의 도움으로 방법을 발견 할 수 있었다.

 

https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries#map%EC%97%90%EC%84%9C_object%EB%A1%9C

 

Object.fromEntries() - JavaScript | MDN

Object.fromEntries() 메서드는 키값 쌍의 목록을 객체로 바꿉니다.

developer.mozilla.org

 

반응형

'develop > javascript' 카테고리의 다른 글

[JS] insertadjacentelement & insertadjacenthtml  (0) 2021.09.28
[JS] innerHTML & innerText  (0) 2021.09.27
[JS] map()에 관하여  (0) 2021.09.06
[JS] 숫자 야구 게임 [2]  (0) 2021.08.31
[JS] 숫자 야구 게임 [1]  (0) 2021.08.30

댓글