基于函数过滤数组中的非唯一值

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在本实验中,我们将探索一个JavaScript函数,该函数根据提供的比较函数过滤非唯一数组值。通过使用 Array.prototype.filter()Array.prototype.every(),我们将创建一个新数组,该数组仅包含基于比较函数的唯一值。本实验旨在加深你对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/obj_manip("`Object Manipulation`") javascript/AdvancedConceptsGroup -.-> javascript/higher_funcs("`Higher-Order Functions`") subgraph Lab Skills javascript/variables -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} javascript/data_types -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} javascript/arith_ops -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} javascript/comp_ops -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} javascript/obj_manip -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} javascript/higher_funcs -.-> lab-28332{{"`基于函数过滤数组中的非唯一值`"}} end

使用函数过滤数组中的非唯一值

要开始练习编码,请打开终端/SSH并输入 node

这段代码根据提供的比较函数从数组中过滤掉非唯一值。实现此目的的步骤如下:

  1. 使用 Array.prototype.filter()Array.prototype.every() 创建一个新数组,该数组仅包含基于比较函数 fn 的唯一值。
  2. 比较函数接受四个参数:正在比较的两个元素的值及其索引。
  3. 函数 filterNonUniqueBy 实现上述步骤并返回唯一值数组。
const filterNonUniqueBy = (arr, fn) =>
  arr.filter((v, i) => arr.every((x, j) => (i === j) === fn(v, x, i, j)));

以下是如何使用此函数的示例:

filterNonUniqueBy(
  [
    { id: 0, value: "a" },
    { id: 1, value: "b" },
    { id: 2, value: "c" },
    { id: 1, value: "d" },
    { id: 0, value: "e" }
  ],
  (a, b) => a.id === b.id
); // [ { id: 2, value: 'c' } ]

这段代码简洁、清晰且连贯,应该能按预期工作。

总结

恭喜你!你已经完成了“基于函数过滤数组中的非唯一值”实验。你可以在LabEx中练习更多实验来提升你的技能。

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