>[danger]Js中map和filter的作用 | 方法 | 作用 | | ------ | ------------------------------------------------------------ | | map() | 將數組中的每個元素通過提供的函數進行轉換，并返回一個新數組，新數組中的元素為轉換后的值。 | | filter() | 根據提供的條件函數對數組進行篩選，返回一個新數組，新數組中的元素是滿足條件的元素。 | >[info]下面是對`map()`和`filter()`方法的詳細說明： ### `map()` `map()`方法在 JavaScript 中用于對數組中的每個元素執行相同的操作，然后返回一個新數組，新數組中的元素是原始數組經過轉換后的值。 語法：`array.map(function(currentValue, index, array), thisValue)` - `currentValue`：當前正在處理的元素。 - `index`：當前元素在數組中的索引。 - `array`：原始數組。 - `thisValue`（可選）：可在函數中使用的對象。 示例代碼： ```javascript const numbers = [1, 2, 3, 4, 5]; const doubledNumbers = numbers.map((num) => num * 2); // [2, 4, 6, 8, 10] ``` 上述代碼中，`map()`方法將數組 `numbers` 中的每個元素都乘以 2，并將結果存儲在新數組 `doubledNumbers` 中。 ### `filter()` `filter()`方法在 JavaScript 中用于根據提供的條件函數從數組中篩選元素，然后返回一個新數組，新數組中只包含滿足條件的元素。 語法：`array.filter(function(currentValue, index, array), thisValue)` - `currentValue`：當前正在處理的元素。 - `index`：當前元素在數組中的索引。 - `array`：原始數組。 - `thisValue`（可選）：可在函數中使用的對象。 示例代碼： ```javascript const numbers = [1, 2, 3, 4, 5]; const evenNumbers = numbers.filter((num) => num % 2 === 0); // [2, 4] ``` 上述代碼中，`filter()`方法將數組 `numbers` 中的每個元素都傳遞給條件函數，并且只有滿足條件（偶數）的元素才會保留在新數組 `evenNumbers` 中。 總結： `map()`方法用于對數組中的每個元素進行轉換并返回一個新數組，而`filter()`方法用于根據條件篩選數組中的元素并返回一個新數組。這兩個方法都能夠提供便利且高效的方式來處理和操作數組數據。