JavaScript 数组分叉 | 编程教程

简介

在本实验中，我们将探索如何使用 JavaScript 根据给定值对数组进行分叉。本实验将演示如何使用 Array.prototype.reduce() 方法和 Array.prototype.push() 方法，根据给定的筛选条件将元素添加到两个组中。完成本实验后，你将对如何在 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/BasicConceptsGroup -.-> javascript/array_methods("Array Methods") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("Higher-Order Functions") subgraph Lab Skills javascript/variables -.-> lab-28171{{"根据值对数组进行分叉"}} javascript/data_types -.-> lab-28171{{"根据值对数组进行分叉"}} javascript/arith_ops -.-> lab-28171{{"根据值对数组进行分叉"}} javascript/comp_ops -.-> lab-28171{{"根据值对数组进行分叉"}} javascript/array_methods -.-> lab-28171{{"根据值对数组进行分叉"}} javascript/higher_funcs -.-> lab-28171{{"根据值对数组进行分叉"}} end

将数组拆分为两个组的函数

要使用此函数根据值将数组拆分为两个组，请执行以下步骤：

打开终端/SSH 并输入 node 开始练习编码。
使用 bifurcate() 函数，它根据给定的 filter 数组的结果将值拆分为两个组。
要实现该函数，请使用 Array.prototype.reduce() 和 Array.prototype.push() 根据 filter 数组将元素添加到组中。
如果 filter 对任何元素具有真值，则将其添加到第一组；否则，将其添加到第二组。

以下是 bifurcate() 函数的代码：

const bifurcate = (arr, filter) =>
  arr.reduce(
    (acc, val, i) => (acc[filter[i] ? 0 : 1].push(val), acc),
    [[], []]
  );

你可以使用值数组和相应的筛选器数组调用 bifurcate() 函数，以将值拆分为两个组。例如：

bifurcate(["beep", "boop", "foo", "bar"], [true, true, false, true]);
// [ ['beep', 'boop', 'bar'], ['foo'] ]

总结

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