Разбивка элементов массива на группы на основе функции

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

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

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

Введение

В этом практическом занятии мы изучим, как разбить элементы массива на группы на основе заданной функции. Мы будем использовать функцию unzipWith(), которая принимает массив, полученный с помощью функции zip(), и применяет заданную функцию для разбивки элементов на группы. В конце этого практического занятия вы будете лучше понимать, как манипулировать массивами и выполнять пользовательские операции с их элементами.


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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/data_types -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/arith_ops -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/comp_ops -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/array_methods -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/higher_funcs -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} javascript/spread_rest -.-> lab-28680{{"Разбивка элементов массива на группы на основе функции"}} end

Как разбить элементы массива на группы на основе функции

Если вам нужно разбить элементы в массиве, полученном с помощью zip, и применить функцию, вы можете использовать unzipWith. Вот, как это можно реализовать:

  1. Используйте Math.max() и оператор расширения (...), чтобы получить самую длинную подмассив в массиве, и Array.prototype.map(), чтобы каждый элемент стал массивом.
  2. Используйте Array.prototype.reduce() и Array.prototype.forEach(), чтобы сопоставить сгруппированные значения отдельным массивам.
  3. Используйте Array.prototype.map() и оператор расширения (...), чтобы применить fn к каждой отдельной группе элементов.
const unzipWith = (arr, fn) =>
  arr
    .reduce(
      (acc, val) => (val.forEach((v, i) => acc[i].push(v)), acc),
      Array.from({
        length: Math.max(...arr.map((x) => x.length))
      }).map((x) => [])
    )
    .map((val) => fn(...val));

Для использования unzipWith откройте Терминал/SSH и введите node. Затем вы можете запустить следующий пример:

unzipWith(
  [
    [1, 10, 100],
    [2, 20, 200]
  ],
  (...args) => args.reduce((acc, v) => acc + v, 0)
);
// [3, 30, 300]

Это создаст массив элементов, разбив элементов в входном массиве, полученном с помощью zip, и применяя заданную функцию.

Резюме

Поздравляем! Вы завершили практическое занятие по разбивке элементов массива на группы на основе функции. Вы можете выполнить больше практических занятий в LabEx, чтобы улучшить свои навыки.