Convertir objeto en pares iterables

JavaScriptJavaScriptBeginner
Practicar Ahora

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

💡 Este tutorial está traducido por IA desde la versión en inglés. Para ver la versión original, puedes hacer clic aquí

Introducción

En este laboratorio, exploraremos una función de JavaScript llamada "toPairs", que crea una matriz de matrices de pares clave-valor a partir de un objeto u otro iterable. A través de este laboratorio, aprenderemos a usar esta función para convertir diferentes estructuras de datos en un formato que sea más fácil de manipular y acceder. También obtendremos una comprensión más profunda de los conceptos de iteradores y objetos iterables en JavaScript.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28655{{"Convertir objeto en pares iterables"}} javascript/data_types -.-> lab-28655{{"Convertir objeto en pares iterables"}} javascript/arith_ops -.-> lab-28655{{"Convertir objeto en pares iterables"}} javascript/comp_ops -.-> lab-28655{{"Convertir objeto en pares iterables"}} javascript/destr_assign -.-> lab-28655{{"Convertir objeto en pares iterables"}} end

Convertir un objeto en pares

Para convertir un objeto en una matriz de pares clave-valor, utiliza la función toPairs. Para comenzar a codificar, abre la Terminal/SSH y escribe node.

La función toPairs funciona de la siguiente manera:

  • Primero, verifica si Symbol.iterator está definido para el objeto iterable dado.
  • Si Symbol.iterator está definido, utiliza Array.prototype.entries() para obtener un iterador para el objeto y luego convierte el resultado en una matriz de matrices de pares clave-valor utilizando Array.from().
  • Si Symbol.iterator no está definido para el objeto, utiliza Object.entries() en su lugar.

Aquí está el código para la función toPairs:

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

Puedes utilizar la función toPairs con varios tipos de objetos, como:

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']]

Resumen

¡Felicidades! Has completado el laboratorio de Objeto a Pares. Puedes practicar más laboratorios en LabEx para mejorar tus habilidades.