数组中过滤非唯一值 | JavaScript 教程

简介

在本实验中，我们将探索如何使用 JavaScript 从数组中过滤出非唯一值。我们将学习如何使用 Set 构造函数和展开运算符来创建一个包含唯一值的数组，然后使用 Array.prototype.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-28297{{"过滤数组中的非唯一值"}} javascript/data_types -.-> lab-28297{{"过滤数组中的非唯一值"}} javascript/arith_ops -.-> lab-28297{{"过滤数组中的非唯一值"}} javascript/comp_ops -.-> lab-28297{{"过滤数组中的非唯一值"}} javascript/higher_funcs -.-> lab-28297{{"过滤数组中的非唯一值"}} javascript/spread_rest -.-> lab-28297{{"过滤数组中的非唯一值"}} end

如何在 JavaScript 中过滤数组中的非唯一值

要在 JavaScript 中过滤数组中的非唯一值，你可以创建一个只包含唯一值的新数组。方法如下：

打开终端/SSH 并输入 node 开始练习编码。
使用 Set 构造函数和展开运算符（...）来创建一个包含原始数组中唯一值的数组。
使用 Array.prototype.filter() 创建一个只包含唯一值的数组。

下面是一个实现此功能的示例函数：

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

你可以将此函数用于任何数组，以过滤掉非唯一值。例如：

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

总结

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