JavaScript 中计算数组中的唯一元素
要计算数组中的唯一元素，请将数组传递给 Set 构造函数并访问集合的 size 属性。 Set 对象仅存储唯一值并自动删除重复项。 size 属性返回 Set 中值的数量。
const arr = ['a', 'b', 'a', 'c', 'b'];
const uniqueCount = new Set(arr).size;
console.log(uniqueCount); // 👉️ 3
Set 对象仅存储唯一值。 即使提供的数组包含重复项，它们也不会添加到集合中。
最后一步是访问集合的大小属性。 该属性返回
Set包含的值的数量。
另一种方法是遍历数组中的元素。
const arr = ['a', 'b', 'a', 'c', 'b'];
let uniqueCount = 0;
arr.forEach((element, index) => {
if (arr.indexOf(element) === index) {
uniqueCount += 1;
}
});
此代码片段还计算数组中的唯一元素，但是这次我们使用 Array.forEach 方法。
我们传递给
forEach方法的函数会针对数组中的每个元素进行调用。
在我们的 if 语句中，我们使用 Array.indexOf 来确定这是否是该元素在数组中的第一次出现。
indexOf 方法返回一个值在数组中第一次出现的索引。
我们知道，如果循环中的当前索引等于某个元素第一次出现的索引，那么我们在之前的任何迭代中都没有遇到过这个元素。
如果这是我们第一次遇到一个元素，我们将 uniqueCount 的值增加 1。
相关文章
Do you understand JavaScript closures?
发布时间：2025/02/21 浏览次数：108 分类：JavaScript
-
The function of a closure can be inferred from its name, suggesting that it is related to the concept of scope. A closure itself is a core concept in JavaScript, and being a core concept, it is naturally also a difficult one.
Do you know about the hidden traps in variables in JavaScript?
发布时间：2025/02/21 浏览次数：178 分类：JavaScript
-
Whether you're just starting to learn JavaScript or have been using it for a long time, I believe you'll encounter some traps related to JavaScript variable scope. The goal is to identify these traps before you fall into them, in order to av
How much do you know about the Prototype Chain?
发布时间：2025/02/21 浏览次数：150 分类：JavaScript
-
The prototype chain can be considered one of the core features of JavaScript, and certainly one of its more challenging aspects. If you've learned other object-oriented programming languages, you may find it somewhat confusing when you start
如何在 JavaScript 中合并两个数组而不出现重复的情况
发布时间：2024/03/23 浏览次数：86 分类：JavaScript
-
本教程介绍了如何在 JavaScript 中合并两个数组，以及如何删除任何重复的数组。
