JavaScript에서 Object.fromEntries()를 사용하여 Iterable을 객체로 변환하는 방법

키-값 쌍은 JavaScript 개발에서 처리되는 경우가 많습니다. ECMAScript 2019에 도입된 Object.fromEntries() 메서드는 이 프로세스를 단순화하여 반복 가능한 객체(예: 배열 또는 맵)를 일반 객체로 쉽게 변환할 수 있도록 해줍니다. 이 방법은 Map 객체로 작업하거나 키-값 쌍이 포함된 데이터 구조를 변환할 때 유용합니다.

문법 및 사용법:

Object.fromEntries() 메서드 구문은 간단합니다.

Object.fromEntries(iterable);

예:

<code class="language-javascript">const entries = [['name', 'John'], ['age', 30], ['city', 'New York']];
const obj = Object.fromEntries(entries);
console.log(obj);
// 输出: { name: 'John', age: 30, city: 'New York' }</code>

이 예에서 Object.fromEntries() 메소드는 키-값 쌍을 포함하는 2차원 배열을 객체로 변환합니다.

실용적 적용:

• 지도를 객체로 변환: 지도 객체가 있고 이를 일반 객체로 변환하려는 경우 Object.fromEntries()에서 간단한 솔루션을 제공합니다.

<code class="language-javascript">const map = new Map([
  ['name', 'Alice'],
  ['age', 25]
]);

const userObj = Object.fromEntries(map);
console.log(userObj); // { name: 'Alice', age: 25 }</code>

• 키-값 쌍 필터링: Object.fromEntries()을 다른 배열 방법과 함께 사용하여 키-값 쌍을 객체로 변환하기 전에 필터링하고 수정할 수 있습니다.

<code class="language-javascript">const data = [
  ['name', 'Alice'],
  ['age', 25],
  ['city', 'Paris']
];

const filteredData = Object.fromEntries(
  data.filter(([key, value]) => key !== 'age')
);

console.log(filteredData); // { name: 'Alice', city: 'Paris' }</code>

성능 고려 사항:

Object.fromEntries()은 맵 또는 키-값 쌍 배열을 객체로 변환하는 등의 일반적인 사용 사례에 적합합니다. 그러나 매우 큰 데이터 세트를 처리할 때는 성능이 문제가 될 수 있습니다. 이 경우 특정 요구 사항에 따라 코드를 테스트하고 최적화하는 것이 좋습니다.

호환성 및 브라우저 지원:

Object.fromEntries() 메소드는 다음 브라우저 및 환경에서 지원됩니다.

• 크롬 73
• 파이어폭스 68
• 사파리 12.1
• Node.js 12

이전 브라우저와의 호환성이 필요한 경우 호환성을 보장하기 위해 폴리필 사용을 고려해 보세요.

위 내용은 JavaScript에서 Object.fromEntries()를 사용하여 Iterable을 객체로 변환하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!