JavaScript中获取数组中的元素数量及去重

数组是用来存储一个有序的数值集合的。这些值可以是同一数据类型的组合，也可以是多种数据类型的组合--整数、浮点数、字符串、布尔值、对象，以及更多。

用JavaScript获取数组中的元素数量是消耗数据或在JavaScript中使用API时的一个常见操作。这可以通过利用length 属性或遍历一个数组并计算元素来完成。

使用内置的length属性

获取一个数组中元素总数的标准方法是使用内置的length 属性

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];
let total = myArray.length;
console.log(total); // Output: 5
 
// Alternatevly:
let total = [99, 101.5, "John Doe", true, { age: 44 }].length;
console.log(total); // Output: 5
 

for循环

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];
 
// Counter variable
let total = 0;
 
for (let i = 0; i < myArray.length; i++) {
    total++;
}
 
console.log(total); // Output: 5
 

for...in循环

let myArray = [99, 101.5, "John Doe", true, { age: 44 }];
 
let total = 0;
for (i in myArray) {
    total++;
}
 
console.log(total); // Output: 5

获取数组中唯一元素的数量

JavaScript中的数组可以有多个不同数据类型的元素，这些元素可能包括一些重复的元素。如果我们想得到唯一元素的数量，我们可以使用Set()构造函数

它从作为其参数传递的数组中创建一个集合。因此，它可以帮助我们删除重复的元素，并且只返回唯一的元素（一个集合是唯一元素的集合）。当重复的元素被删除后，我们可以使用length 属性来获得唯一元素的数量

let names = ["John", "Dan", "Jane", "Sam", "Alisa", "John", "Pete"];
let uniqueNames = [...new Set(names)];
let totalPeople = uniqueNames.length;
 
console.log(totalPeople); // Output: 6
 

基于条件的计数

就像我们前面提到的，我们也可以根据某些条件来计算一个数组中的元素数量。例如，假设我们有一个由对象组成的学生数组，每个对象包含学生的名字和分数

let total = 0;
 
students.forEach((student) => {
    if (student.score >= 60) {
        total++;
    }
});
 
console.log(total); // Output: 3
 

let total = 0;
 
for (let i = 0; i < students.length; i++) {
    if (students[i].score >= 60) {
        total++;
    }
}
 
console.log(total); // Output: 3