js filter map

回答: 在JavaScript中，filter和map都是用于对数组进行处理和转换的方法。filter方法用于过滤数组中的元素，只返回符合条件的元素组成的新数组。而map方法则是对数组中的每个元素进行处理，并返回处理后的新数组。\[1\]

使用filter方法时，不会改变原数组的值，只会返回一个新的数组，其中包含符合条件的元素。如果在filter方法中对原数组的元素进行修改，只会改变新生成的数组中的值，原数组不会发生改变。\[2\]

例如，对一个数组进行过滤，只保留名字不为"ws"的元素，可以使用filter方法如下所示：

let arr = \[
  { "name": "ws", "age": 10 },
  { "name": "zs", "age": 11 },
  { "name": "ls", "age": 12 }
\];

let filteredArr = arr.filter(item => {
  return item.name !== "ws";
});

console.log(filteredArr);
// 输出: \[
//   { "name": "zs", "age": 11 },
//   { "name": "ls", "age": 12 }
// \]

而map方法则是对数组中的每个元素进行处理，并返回处理后的新数组。使用map方法时，如果不符合条件的元素会被加工处理为undefined。\[1\]

例如，对一个数组中的元素进行加倍处理，可以使用map方法如下所示：

let arr = \[1, 2, 3, 4, 5\];

let doubledArr = arr.map(item => {
  return item * 2;
});

console.log(doubledArr);
// 输出: \[2, 4, 6, 8, 10\]

总结来说，filter方法用于过滤数组中的元素，返回符合条件的新数组；而map方法用于对数组中的每个元素进行处理，返回处理后的新数组。两者都不会改变原数组的值。\[1\]\[2\]
#### 引用[.reference_title]
- *1* *2* [JS数组map和filter方法的使用以及比对](https://blog.csdn.net/chang100111/article/details/124116123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [js中的filter方法和map方法](https://blog.csdn.net/qq_46124502/article/details/106443128)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]