객체를 Iterable 쌍으로 변환하기

Beginner

This tutorial is from open-source community. Access the source code

소개

이 랩에서는 객체 또는 다른 iterable 에서 키 - 값 쌍 배열을 생성하는 JavaScript 함수인 "toPairs"를 탐구할 것입니다. 이 랩을 통해 이 함수를 사용하여 다양한 데이터 구조를 더 쉽게 조작하고 액세스할 수 있는 형식으로 변환하는 방법을 배우게 됩니다. 또한 JavaScript 의 iterator 와 iterable 객체에 대한 개념을 더 깊이 이해하게 될 것입니다.

객체를 쌍으로 변환하기

객체를 키 - 값 쌍의 배열로 변환하려면 toPairs 함수를 사용하십시오. 코딩을 시작하려면 터미널/SSH 를 열고 node를 입력하십시오.

toPairs 함수는 다음과 같은 방식으로 작동합니다.

  • 먼저, 주어진 iterable 객체에 대해 Symbol.iterator가 정의되어 있는지 확인합니다.
  • Symbol.iterator가 정의되어 있으면 Array.prototype.entries()를 사용하여 객체에 대한 iterator 를 가져온 다음 Array.from()을 사용하여 결과를 키 - 값 쌍 배열의 배열로 변환합니다.
  • 객체에 대해 Symbol.iterator가 정의되어 있지 않으면 대신 Object.entries()를 사용합니다.

다음은 toPairs 함수의 코드입니다.

const toPairs = (obj) =>
  obj[Symbol.iterator] instanceof Function && obj.entries instanceof Function
    ? Array.from(obj.entries())
    : Object.entries(obj);

toPairs 함수는 다음과 같은 다양한 유형의 객체와 함께 사용할 수 있습니다.

toPairs({ a: 1, b: 2 }); // [['a', 1], ['b', 2]]
toPairs([2, 4, 8]); // [[0, 2], [1, 4], [2, 8]]
toPairs("shy"); // [['0', 's'], ['1', 'h'], ['2', 'y']]
toPairs(new Set(["a", "b", "c", "a"])); // [['a', 'a'], ['b', 'b'], ['c', 'c']]

요약

축하합니다! 객체를 쌍으로 변환하는 랩을 완료했습니다. LabEx 에서 더 많은 랩을 연습하여 기술을 향상시킬 수 있습니다.