根据函数对数组进行分叉

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/comp_ops("`Comparison Operators`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28170{{"`根据函数对数组进行分叉`"}} javascript/data_types -.-> lab-28170{{"`根据函数对数组进行分叉`"}} javascript/comp_ops -.-> lab-28170{{"`根据函数对数组进行分叉`"}} javascript/higher_funcs -.-> lab-28170{{"`根据函数对数组进行分叉`"}} end

将数组拆分为两组的函数

要根据给定函数的结果将数组拆分为两组,请执行以下步骤:

  1. 打开终端/SSH并输入 node 以开始练习编码。
  2. 使用 Array.prototype.reduce()Array.prototype.push() 方法将元素添加到组中。这是基于给定函数 fn 对每个元素返回的值。
  3. 如果 fn 对任何元素返回真值,则将其添加到第一组。否则,将其添加到第二组。

以下是代码:

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

例如,如果你调用 bifurcateBy(['beep', 'boop', 'foo', 'bar'], x => x[0] === 'b'),该函数将返回 [ ['beep', 'boop', 'bar'], ['foo'] ]

总结

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

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