TypeScript 數組的過濾(Array Filtering)

TypeScript 是一種 JavaScript 的超集，它擁有更多的功能，其中之一就是數組的過濾（Array Filtering）。數組的過濾是一種常見的操作，它可以讓我們從一個數組中篩選出滿足某些條件的元素，以下將介紹 TypeScript 中的數組的過濾方法。

使用 Array.filter()

Array.filter() 是 TypeScript 中最常用的數組過濾方法，它可以接受一個函數作為參數，函數的參數是數組中的每一個元素，函數的返回值是一個布爾值，如果返回值為 true，則該元素會被保留，反之則會被篩掉。

以下是一個簡單的範例，我們將從一個數組中篩選出大於 10 的元素：

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12];

let result = numbers.filter(function(num) {
  return num > 10;
});

console.log(result); // [11, 12]

使用 Array.map()

Array.map() 是另一種常用的數組過濾方法，它可以對數組中的每一個元素執行一個函數，函數的參數是數組中的每一個元素，函數的返回值會被放入一個新的數組中，最後返回新的數組。

以下是一個簡單的範例，我們將對數組中的每一個元素執行一個函數，將元素的值加上 10：

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let result = numbers.map(function(num) {
  return num + 10;
});

console.log(result); // [11, 12, 13, 14, 15, 16, 17, 18, 19, 20]

使用 Array.reduce()

Array.reduce() 是另一種常用的數組過濾方法，它可以對數組中的每一個元素執行一個函數，函數的參數是數組中的每一個元素和一個累加器，函數的返回值會被放入累加器中，最後返回累加器的值。

以下是一個簡單的範例，我們將對數組中的每一個元素執行一個函數，將元素的值加總：

let numbers = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

let result = numbers.reduce(function(acc, num) {
  return acc + num;
}, 0);

console.log(result); // 55

總結

TypeScript 提供了多種數組過濾的方法，其中最常用的是 Array.filter()、Array.map() 和 Array.reduce()，它們可以讓我們從一個數組中篩選出滿足某些條件的元素，或者對數組中的每一個元素執行一個函數，以此來達到我們想要的結果。

Categorized in:

TypeScript

Tagged in: