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

你可能感兴趣的:(javascript,前端,开发语言)