在 JavaScript 数组中筛选唯一值

简介

在本实验中，我们将探讨如何在JavaScript中从数组中筛选出唯一值。我们将使用 Set 构造函数和展开运算符来创建一个包含唯一值的数组，然后使用 filter() 方法仅筛选出非唯一值。本实验将帮助你理解在数组中筛选唯一值的重要性，以及如何使用简单的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/higher_funcs("Higher-Order Functions") javascript/AdvancedConceptsGroup -.-> javascript/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28299{{"筛选数组中的唯一值"}} javascript/data_types -.-> lab-28299{{"筛选数组中的唯一值"}} javascript/arith_ops -.-> lab-28299{{"筛选数组中的唯一值"}} javascript/comp_ops -.-> lab-28299{{"筛选数组中的唯一值"}} javascript/higher_funcs -.-> lab-28299{{"筛选数组中的唯一值"}} javascript/spread_rest -.-> lab-28299{{"筛选数组中的唯一值"}} end

如何使用JavaScript筛选数组中的唯一值

要使用JavaScript筛选数组中的唯一值，请执行以下步骤：

打开终端/SSH并输入 node 以开始练习编码。
使用 Set 构造函数和展开运算符 (...) 来创建一个包含原始数组中唯一值的数组。
使用 Array.prototype.filter() 创建一个只包含非唯一值的数组。
定义一个名为 filterUnique 的函数，该函数接受一个数组作为参数，并对其应用上述步骤。
使用你的数组作为参数调用 filterUnique 函数。

以下是实现此目的的示例代码片段：

const filterUnique = (arr) =>
  [...new Set(arr)].filter((i) => arr.indexOf(i) !== arr.lastIndexOf(i));

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

在上述代码片段中，filterUnique 函数接受一个数组，并对其应用 Set 构造函数和 Array.prototype.filter() 方法，以返回一个只包含非唯一值的数组。

总结

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