对多个数组中的数据进行分组

JavaScriptJavaScriptBeginner
立即练习

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

💡 本教程由 AI 辅助翻译自英文原版。如需查看原文,您可以 切换至英文原版

简介

在本实验中,我们将探索如何根据数组元素在原始数组中的位置对其进行分组。我们将使用 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/destr_assign("Destructuring Assignment") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/data_types -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/arith_ops -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/comp_ops -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/array_methods -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/higher_funcs -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/destr_assign -.-> lab-28367{{"对多个数组中的数据进行分组"}} javascript/spread_rest -.-> lab-28367{{"对多个数组中的数据进行分组"}} end

对数组元素进行分组

要根据数组元素在原始数组中的位置对其进行分组,请使用以下提供的 zip 函数。

  • 打开终端/SSH 并输入 node 开始练习编码。
  • zip 函数使用 Math.max()Function.prototype.apply() 来获取参数中最长的数组。
  • 它创建一个具有该长度的数组作为返回值,并使用 Array.from() 和一个映射函数来创建一个分组元素的数组。
  • 如果参数数组的长度不同,则在找不到值的地方使用 undefined
const zip = (...arrays) => {
  const maxLength = Math.max(...arrays.map((x) => x.length));
  return Array.from({ length: maxLength }).map((_, i) => {
    return Array.from({ length: arrays.length }, (_, k) => arrays[k][i]);
  });
};

示例用法:

zip(["a", "b"], [1, 2], [true, false]); // [['a', 1, true], ['b', 2, false]]
zip(["a"], [1, 2], [true, false]); // [['a', 1, true], [undefined, 2, false]]

总结

恭喜你!你已经完成了“对数组元素进行分组”实验。你可以在 LabEx 中练习更多实验来提升你的技能。