Преобразование объекта в итерируемые пары

JavaScriptJavaScriptBeginner
Практиковаться сейчас

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

💡 Этот учебник переведен с английского с помощью ИИ. Чтобы просмотреть оригинал, вы можете перейти на английский оригинал

Введение

В этом практическом занятии мы будем изучать функцию JavaScript под названием "toPairs", которая создает массив массивов пар ключ-значение из объекта или другого итерируемого объекта. В ходе этого практического занятия мы узнаем, как использовать эту функцию для преобразования различных структур данных в формат, который легче манипулировать и получать доступ. Мы также углубим наше понимание концепций итераторов и итерируемых объектов в 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{{"Преобразование объекта в итерируемые пары"}} javascript/data_types -.-> lab-28655{{"Преобразование объекта в итерируемые пары"}} javascript/arith_ops -.-> lab-28655{{"Преобразование объекта в итерируемые пары"}} javascript/comp_ops -.-> lab-28655{{"Преобразование объекта в итерируемые пары"}} javascript/destr_assign -.-> lab-28655{{"Преобразование объекта в итерируемые пары"}} end

Преобразование объекта в пары

Для преобразования объекта в массив пар ключ-значение используйте функцию toPairs. Чтобы приступить к программированию, откройте Терминал/SSH и введите node.

Функция toPairs работает следующим образом:

  • Во - первых, она проверяет, определена ли Symbol.iterator для заданного итерируемого объекта.
  • Если Symbol.iterator определена, она использует Array.prototype.entries(), чтобы получить итератор для объекта, а затем преобразует результат в массив массивов пар ключ-значение с использованием 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, чтобы улучшить свои навыки.