分组数组元素 | 数据处理 | JavaScript 技术

简介

在本实验中，我们将探索如何根据数组元素在原始数组中的位置对其进行分组。我们将使用 zip() 函数，该函数接受多个数组，并返回一个新数组，其中包含来自每个输入数组的元素子数组，这些子数组按位置分组。这是数据处理和分析中的一项有用技术，可用于将来自多个源的数据组合成单个数据结构以进行进一步分析。

Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic 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 中练习更多实验来提升你的技能。