在 JavaScript 中，filter 和 map 是經常用到的兩個函數。它們的作用十分強大，尤其是在數組操作時特別有效。那么，這兩個函數分別是什么，它們的用途又是什么呢？下面將詳細介紹它們的作用和使用方法。

首先，讓我們看一下 filter 函數。filter 函數是 JavaScript 數組方法中的一員，用于過濾數組中的元素。當你想從一個數組中篩選出符合某些條件的元素時，可以使用 filter 函數。例如：

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let filterArr = arr.filter(num =>num >5);
console.log(filterArr); // [6, 7, 8, 9, 10]

在上面的代碼中，我們想要篩選出大于 5 的元素，使用 filter 函數后只剩下 6、7、8、9、10 這五個數字了。

接下來，我們來看一下 map 函數。map 函數同樣是 JavaScript 數組方法中的一員，它可以對數組中的每個元素進行處理，且不會修改原數組，而是創建一個新的數組。當你希望對數組中的每個元素進行修改時，可以結合 map 函數使用。例如：

let arr = [1, 2, 3, 4, 5];
let mapArr = arr.map(num =>num * 2);
console.log(mapArr); // [2, 4, 6, 8, 10]

在上面的代碼中，我們對數組中的每個元素都進行了乘以 2 的操作，得到了新的數組。

那么，我們結合使用 filter 和 map 函數又會如何呢？在實際編程中，我們往往會需要從一個數組中篩選出符合某些條件的元素，然后再對這些元素進行修改。下面的代碼演示了如何使用 filter 和 map 函數來對數組進行操作：

let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
let filterMapArr = arr
.filter(num =>num >5) // 篩選出大于 5 的數
.map(num =>num * 2); // 對篩選后的數乘以 2
console.log(filterMapArr); // [12, 14, 16, 18, 20]

在上述代碼中，我們先篩選出大于 5 的元素，再對這些元素進行乘以 2 的操作，最終得到了一個新的數組。

綜上所述，filter 和 map 函數在 JavaScript 數組操作中非常常用，它們可以讓我們更加方便地對數組進行操作，并且避免了對原數組造成不必要的影響。