JavaScript 编程之数组唯一元素

简介

在这个实验中，我们将深入探讨一个 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

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

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

打开终端/SSH 并输入 node 以开始练习编码。
使用 Array.prototype.map() 方法将提供的函数 fn 应用于 arr 数组中的所有元素。
从映射值创建一个新的 Set，以仅保留唯一出现的值。
使用 Array.prototype.length 和 Set.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 中练习更多实验来提升你的技能。