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。
相关文章
使用 CSS 和 JavaScript 制作文本闪烁
发布时间:2023/04/28 浏览次数:146 分类:CSS
-
本文提供了使用 CSS、JavaScript 和 jQuery 使文本闪烁的详细说明。
在 PHP 变量中存储 Div Id 并将其传递给 JavaScript
发布时间:2023/03/29 浏览次数:69 分类:PHP
-
本文教导将 div id 存储在 PHP 变量中并将其传递给 JavaScript 代码。
在 JavaScript 中从字符串中获取第一个字符
发布时间:2023/03/24 浏览次数:93 分类:JavaScript
-
在本文中,我们将看到如何使用 JavaScript 中的内置方法获取字符串的第一个字符。
在 JavaScript 中获取字符串的最后一个字符
发布时间:2023/03/24 浏览次数:141 分类:JavaScript
-
本教程展示了在 javascript 中获取字符串最后一个字符的方法