在 JavaScript 数组中查找唯一值

简介

在本实验中，我们将深入探讨 JavaScript 中数组的概念，并学习如何使用 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/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28682{{"数组中的唯一值"}} javascript/data_types -.-> lab-28682{{"数组中的唯一值"}} javascript/arith_ops -.-> lab-28682{{"数组中的唯一值"}} javascript/comp_ops -.-> lab-28682{{"数组中的唯一值"}} javascript/spread_rest -.-> lab-28682{{"数组中的唯一值"}} end

如何用 JavaScript 在数组中查找唯一值

要在数组中找到所有唯一值，在 JavaScript 中你可以按以下步骤操作：

基于给定数组创建一个 Set 以去除重复值。
使用展开运算符 (...) 将 Set 转换回数组。

以下是一个示例代码片段：

const getUniqueValues = (arr) => [...new Set(arr)];

你可以调用这个函数并向其传递一个数组，如下所示：

getUniqueValues([1, 2, 2, 3, 4, 4, 5]); // [1, 2, 3, 4, 5]

这将返回一个包含原始数组中所有唯一值的数组，没有任何重复项。

总结

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