ES6 find 和 filter 的区别 :

遇到个功能是要分类就想说在前端过滤,不要从查数据库的时候过滤了。然后就想说除了filter还有啥好用的

发现有个find,测试一番之后发现

const list = [{'name':'1',index:1},{'name':'2'},{'name':'1'}]
let list2 = list.find(i=>i.name==='1')

let list3 = list.filter(i=>i.name==='1')

console.log(list); [ { name: '1', index: 1 }, { name: '2' }, { name: '1' } ]
console.log(list2); { name: '1', index: 1 }

console.log(list3);[ { name: '1', index: 1 }, { name: '1' } ]

find 和 filter 都是不改变原数组的方法

但是find只查出第一个符合条件的结果像例子里是直接返回了一个对象而不是数组!

,而filter返回全部结果仍然是数组。

注:以后遇到问题,不忙的时候立马就记下来,方便以后查找,不论简单还是难。

最新文章

  1. Maven(一)maven环境搭建
  2. 网络热恋之json解析
  3. CodeIgniter类的使用
  4. 微信端应用 ionic实现texarea 自适应高度
  5. 【转】【Asp.Net】asp.net服务器控件创建
  6. Spring3中的mvc:interceptors标签配置拦截器
  7. Apache网页有时能访问,有时超时打不开
  8. 学习笔记之Shell脚本的输出重定向
  9. linux 内存管理——内核的shmall 和shmmax 参数
  10. 实例化讲解 RunLoop
  11. ES聚合实例
  12. Java实现应用程序记住用户名、密码功能
  13. 开源第三方登录组件OAuthLogin2.0 解析及开源地址
  14. Mac OS X下安装和配置Maven
  15. iOS 让图片变模糊
  16. pytest 14 使用自定义标记mark
  17. [Hive_3] Hive 建表指定分隔符
  18. mysql5.7安装(正确安装)实战
  19. Spring boot+Thymeleaf+easyui集成:js创建组件页面报错
  20. 宇宙最强VisualStudio2017配置pyQt5用于python3.6的UI界面工具(转)

热门文章

  1. MongoDB的使用学习之(一)开篇
  2. 在eclipse里搜索maven项目需要的dependency
  3. 常用Linux Shell命令组合
  4. 【LeetCode】哈希表 hash_table(共88题)
  5. 解决nginx proxy_pass反向代理cookie,session丢失的问题
  6. URL编码表
  7. vuex的mapState方法来获取vuex的state对象中属性
  8. LeetCode--053--最大子序和(java)
  9. 进入cmd的另外的一种方式
  10. Selenium-三种等待方式