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