filter是满足条件的留下,是对原数组的过滤;map则是对原数组的加工,映射成一一映射的新数组
filter()

Filter() 创建一个新数组,新数组中返回的值为经过检查指定数组中满足条件的所有元素。

️filter 不会改变原数组
️filter 不会对空数组进行检测

语法

array.filter(function(currentValue,index,arr), thisValue)

举个:

过滤得到数组中大于10的值

[10,20,30,40].filter((item) => item > 10)

结果:

[20, 30, 40]


map()

map() 方法返回一个新数组,数组中的元素为原始数组元素调用函数处理后的值。

️map 不会改变原数组
️map 不会对空数组进行检测

语法

array.map(function(currentValue,index,arr), thisValue)

举个:
获取数组的平方根

[4, 9, 16, 25].map((item) => Math.sqrt(item))

结果:

[2, 3, 4, 5]


总结
  • 相同点:filter 和 map 都是对数组的操作,均返回一个新的数组
  • 不同点:filter是满足条件的留下,是对原数组的过滤;map则是对原数组的加工,映射成一一映射的新数组

最新文章

  1. mas_makeConstraints && mas_remakeConstraints && mas_updateConstraints 用法与注意事项
  2. Hadoop Cluster 安装
  3. ScrollView can host only one direct child
  4. 前端:IE兼容性的相关方法
  5. EF框架之三种模式
  6. C++之路进阶——codevs2451(互不侵犯)
  7. [BZOJ 3622]已经没有什么好害怕的了
  8. MYSQL将表名称修改成大写的存储过程
  9. XSS的原理分析与解剖[转http://www.freebuf.com/articles/web/40520.html]
  10. threaded模式下,比prefork模式要省资源
  11. jQuery EasyUI中常常遇到的问题(FAQ)
  12. 10个必备的移动UI设计资源站
  13. KVM客户机使用主机USB设备
  14. 如何在mybatis 中使用In操作
  15. python基础(四)集合
  16. SVPullToRefresh问题解决
  17. CentOS7 安装git服务器
  18. Android之利用JSBridge库实现Html,JavaScript与Android的所有交互
  19. Canvas学习:globalCompositeOperation详解
  20. 【Java】将字符串转化为整数

热门文章

  1. Kubernetes(k8s)存储管理之数据卷volumes(四):持久卷Persistent Volume
  2. BOM与DOM之BOM操作
  3. jmeter json提取器提取某个属性的所有值
  4. JavaScript:函数:函数的参数
  5. Nodejs报错记录
  6. 根号分治简单笔记 | P3396 哈希冲突
  7. cordova完整版本创建、修改自定义插件重新调试步骤带截图
  8. (Crack)SQL转Linq工具的使用——Linqer
  9. Cow Picnic S 更新了(在后面)
  10. SpringBoot 三大开发工具,你都用过么?