根据值对数组进行分叉

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索如何使用 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

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

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

  1. 打开终端/SSH 并输入 node 开始练习编码。
  2. 使用 bifurcate() 函数,它根据给定的 filter 数组的结果将值拆分为两个组。
  3. 要实现该函数,请使用 Array.prototype.reduce()Array.prototype.push() 根据 filter 数组将元素添加到组中。
  4. 如果 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 中练习更多实验来提升你的技能。

您可能感兴趣的其他 JavaScript 教程