JavaScript에서 배열을 객체로 변환

배열과 객체는 JavaScript에서 매우 중요한 것으로 간주됩니다. 둘 다 변경 가능하며 일부 값을 JavaScript에 저장할 수 있습니다.

단일 변수에 여러 값을 저장할 때 배열을 사용하는 반면 객체는 값과 함께 여러 변수를 보유 할 수 있습니다.

일반적으로 많은 양의 데이터를 가지고있는 동안 개체를 사용하는 것이 더 빠릅니다.

이 튜토리얼에서는 JavaScript에서 배열을 객체로 변환하는 방법을 배웁니다.

object.assign()메소드를 사용하여 JavaScript에서 배열을 객체로 변환

assign()메소드는 하나 이상의 객체에서 대상 객체로 속성을 반복적으로 읽을 수 있습니다. 대상 개체를 반환합니다.

아래 코드를 확인하십시오.

const array = ['foo', 'boo', 'zoo'];
const obj = Object.assign({}, array);
console.log(obj)

출력:

{0: "foo", 1: "boo", 2: "zoo"}

array.reduce()메서드를 사용하여 JavaScript에서 배열을 객체로 변환

reduce()메소드는 배열의 각 요소에 사용자가 제공하는 함수를 적용 할 수 있습니다. 단일 출력 값을 반환합니다.

우리는 그것을 사용하여 필요한 변환을 할 수 있습니다.

예를 들면

const array = ['foo', 'boo', 'zoo']
array.reduce(function(target, key, index) {
  target[index] = key;
  return target;
}, {})  // initial empty object

출력:

{0: "foo", 1: "boo", 2: "zoo"}

Spread 연산자를 사용하여 JavaScript에서 배열을 객체로 변환

JavaScript에서 스프레드 연산자 (...)는 모든 배열 요소의 압축을 풀 수 있습니다. 배열을 객체로 변환하는 데 사용할 수 있습니다.

예를 들면

const arr = ['foo', 'boo', 'zoo'];
const obj = {...arr};
console.log(obj);

출력:

{0: "foo", 1: "boo", 2: "zoo"}