识别数组中的唯一元素

JavaScriptJavaScriptBeginner
立即练习

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

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

简介

在这个实验中,我们将深入探讨一个 JavaScript 编程概念,即根据提供的映射函数检查数组中的所有元素是否唯一。本实验将演示如何使用 Array.prototype.map()Set 来高效地检查唯一值,并将它们与原始数组进行比较。完成本实验后,你将对如何在 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-28326{{"`识别数组中的唯一元素`"}} javascript/data_types -.-> lab-28326{{"`识别数组中的唯一元素`"}} javascript/arith_ops -.-> lab-28326{{"`识别数组中的唯一元素`"}} javascript/comp_ops -.-> lab-28326{{"`识别数组中的唯一元素`"}} javascript/obj_manip -.-> lab-28326{{"`识别数组中的唯一元素`"}} javascript/higher_funcs -.-> lab-28326{{"`识别数组中的唯一元素`"}} end

使用函数检查数组中的所有元素是否唯一

要根据提供的映射函数检查数组中的所有元素是否唯一,请执行以下步骤:

  1. 打开终端/SSH 并输入 node 以开始练习编码。
  2. 使用 Array.prototype.map() 方法将提供的函数 fn 应用于 arr 数组中的所有元素。
  3. 从映射值创建一个新的 Set,以仅保留唯一出现的值。
  4. 使用 Array.prototype.lengthSet.prototype.size 方法将唯一映射值的长度与原始数组长度进行比较。

以下是代码:

const allUniqueBy = (arr, fn) => arr.length === new Set(arr.map(fn)).size;

你可以使用 allUniqueBy() 函数来检查数组中的所有元素是否唯一。例如:

allUniqueBy([1.2, 2.4, 2.9], Math.round); // true
allUniqueBy([1.2, 2.3, 2.4], Math.round); // false

总结

恭喜你!你已经完成了“使用函数检查数组中的所有元素是否唯一”实验。你可以在 LabEx 中练习更多实验来提升你的技能。

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