JavaScript에서 배열을 객체로 변환

1. object.assign()메소드를 사용하여 JavaScript에서 배열을 객체로 변환
2. array.reduce()메서드를 사용하여 JavaScript에서 배열을 객체로 변환
3. Spread 연산자를 사용하여 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"}