如何在 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!"];
// get array length
console.log("Total elements in the array is " + strArray.length);

編譯後，它將生成以下 JavaScript 程式碼：

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”變數以獲取陣列中元素的總數。

// 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 程式碼：

// 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 條件。