如何在 TypeScript 中查找数组中的元素总数?


在本教程中,我们将学习如何查找数组中的元素总数。在 TypeScript 中,数组是一种数据结构,包含各种元素,例如整数、字符串、对象等。

在处理 API 和执行数据操作时,通常需要计算数组中的元素总数。此外,有时还需要根据某些条件计算数组中元素的数量。

在这里,我们重点介绍了各种计算数组中元素总数的方法。

在 TypeScript 中使用数组的 length 属性

数组原型包含 length 属性。当我们以数组为参考调用 length 属性时,它将返回数组中元素的总数。

语法

用户可以按照以下语法使用数组的 `length` 属性来获取数组的元素总数。

let strArray:Array<string> = ["welcome","to","the","TutorialsPoint!"];
let len = strArray.length;

在上述语法中,我们使用了数组的 length 属性。

示例

在下面的示例中,我们创建了一个名为 `strArray` 的数组,其中包含一些字符串元素。我们使用了数组的“length”属性来计算元素的总数。

Open Compiler
let strArray:Array<string> = ["welcome","to","the","TutorialsPoint!"]; // get array length console.log("Total elements in the array is " + strArray.length);

编译后,它将生成以下 JavaScript 代码:

Open Compiler
var strArray = ["welcome", "to", "the", "TutorialsPoint!"]; // get array length console.log("Total elements in the array is " + strArray.length);

输出

以上代码将产生以下输出:

Total elements in the array is 4

在输出中,用户可以观察到“length”属性返回“4”,因为数组总共包含 4 个不同的元素。

使用 for...in 循环

在这种方法中,我们将使用 for-in 循环遍历数组的每个元素。我们可以创建一个变量来存储数组长度并初始化为 0。之后,我们可以使用 for-in 循环,并为数组的每个元素将数组长度变量的值增加 1。

语法

用户应按照以下语法使用 for-in 循环来计算元素总数。

let arr:Array<any> = [300, "TutorialsPoint", { age: 44 }];;
let arrayLen:number = 0;
for(let ele in arr){
    arrayLen++;
}

在上述语法中,我们创建了一个数组,并使用 for-in 循环遍历数组的每个元素。在遍历数组元素时,我们增加了数组长度变量。

示例

如语法所示,我们创建了 `arr`,它包含整数、字符串、布尔值和对象。此外,我们还将“arrayLen”变量初始化为 0。在使用 for in 循环遍历数组时,我们将“arrayLen”的计数增加 1。

一旦遍历数组完成,用户应该访问“arrayLen”变量以获取数组中元素的总数。

Open Compiler
// creating the array of different data types let arr:Array<any> = [300, "TutorialsPoint", { age: 44 }]; // get array lenght and add to HTML document let arrayLen:number = 0; for(let ele in arr){ arrayLen++; } console.log("Total elements in the array is " + arrayLen);

编译后,它将生成以下 JavaScript 代码:

Open Compiler
// creating the array of different data types var arr = [300, "TutorialsPoint", { age: 44 }]; // get array lenght and add to HTML document var arrayLen = 0; for (var ele in arr) { arrayLen++; } console.log("Total elements in the array is " + arrayLen);

输出

以上代码将产生以下输出:

Total elements in the array is 3

在以上输出中,用户可以观察到对象被计为单个元素,并且该方法返回 3 作为元素的总数。

此外,用户还可以根据某些条件计算数组元素的数量。例如,用户可以计算数组中唯一元素的总数、字符串元素的总数和对象的总数。因此,用户可以根据需要计算元素,并且他们必须使用不同的 if-else 条件。

更新于:2022-12-16

20K+ 浏览量

开启你的 职业生涯

通过完成课程获得认证

开始学习
广告