如何在 TypeScript 中查找数组中元素的总数?
在本教程中,我们将学习如何查找数组中元素的总数。在 TypeScript 中,数组是包含各种元素(如整数、字符串、对象等)的数据结构。
在使用 API 和对数据执行操作时,通常需要计算数组中元素的总数。此外,有时还需要根据某些条件计算数组中元素的数量。
在这里,我们重点介绍了计算数组中元素总数的各种方法。
在 TypeScript 中使用数组的 length 属性
数组原型包含 length 属性。当我们通过将数组作为引用来调用 length 属性时,它将返回数组中元素的总数。
语法
用户可以按照以下语法使用数组的 `length` 属性来获取数组元素的总数。
let strArray:Array<string> = ["welcome","to","the","TutorialsPoint!"]; let len = strArray.length;
在上述语法中,我们使用了数组 length 属性。
示例
在下面的示例中,我们创建了名为 `strArray` 的数组,其中包含一些字符串元素。我们使用数组的 'length' 属性来计算元素的总数。
let strArray:Array<string> = ["welcome","to","the","TutorialsPoint!"]; // 获取数组长度 console.log("Total elements in the array is " + strArray.length);
编译后,它将生成以下 JavaScript 代码 -
var strArray = ["welcome", "to", "the", "TutorialsPoint!"]; // 获取数组长度 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'变量以获取数组中的元素总数。
// 创建不同数据类型的数组 let arr:Array<any> = [300, "TutorialsPoint", { age: 44 }]; // 获取数组长度并添加到 HTML 文档 let arrayLen:number = 0; for(let ele in arr){ arrayLen++; } console.log("Total elements in the array is " + arrayLen);
编译后,它将生成以下 JavaScript 代码 -
// 创建不同数据类型的数组 var arr = [300, "TutorialsPoint", { age: 44 }]; // 获取数组长度并添加到 HTML 文档 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 条件。