JavaScript 中的唯一对象数组

在本文中，我们将了解 JavaScript 唯一对象数组。

以下是我们可以用来提取唯一对象数组的方法

• 利用 Set() 方法
• 利用 filter() 和 indexOfMethods()
• 利用 reduce() 方法
• 利用 map() 方法
• 利用 map()、set() 和 from() 方法
• 利用 Lodash _.uniqBy() 方法和 map()

利用 Set

Set 方法用于获取唯一对象。首先，它将每个对象转换为 JSON 字符串，然后将其映射回对象。

语法

演示 1

我们将使用 Set 方法来提取唯一对象数组。

代码

输出

在给定的输出中，我们可以看到唯一对象数组。

演示 2

我们将使用 Set 方法从对象数组中提取唯一对象。

代码

输出

在输出中，我们可以看到从对象数组中提取的唯一值。

利用 filter 和 indexOfMethods

filter 方法用于仅返回唯一对象。我们将使用 JSON.stringify 方法来比较对象。

语法

演示 1

我们将使用 reduce 方法来获取唯一对象。

代码

输出

我们可以看到使用 filter 方法提取的唯一对象数组。

演示 2

我们将使用 filter 方法获取唯一值。

代码

输出

我们可以看到从对象数组中提取的唯一值。

利用 map 方法

map 方法用于从输入数组中提取唯一对象。我们将使用 JSON.stringify 方法来检查对象的唯一性。

语法

演示 1

我们将使用 map 方法来获取唯一对象。

代码

输出

我们可以看到使用 map 方法提取的唯一对象数组。

演示 2

我们将使用 map 方法获取 bookTitle 的唯一值。

代码

输出

我们可以看到 bookTitle 的唯一值数组。

利用 map()、set() 和 from() 方法

我们将使用 map()、set() 和 from() 方法来获取唯一对象的数组。

演示

我们将使用 map()、set() 和 from() 方法获取笔记本电脑品牌的唯一值。

代码

输出

我们可以看到笔记本电脑品牌唯一值数组。

利用 Lodash _.uniqBy() 方法和 map()

我们将使用 Lodash _.uniqBy() 方法和 map() 来提取唯一对象数组。

演示

我们将使用 Lodash _.uniqBy() 方法和 map() 获取 state 的唯一值。

代码

输出

我们可以看到 state 的唯一值数组。

结论

在本文中，我们了解了 **JavaScript 唯一对象数组**。我们已经掌握了可以用来提取唯一对象数组的方法。我们使用的方法如下：

• Set() 方法
• reduce() 方法
• map() 方法
• filter() 和 indexOfMethods()
• map()、set() 和 from() 方法
• Lodash _.uniqBy() 方法和 map()