ES6 find 和 filter 的区别
2024-09-05 19:00:48
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返回全部结果仍然是数组。
注:以后遇到问题,不忙的时候立马就记下来,方便以后查找,不论简单还是难。
最新文章
- Maven(一)maven环境搭建
- 网络热恋之json解析
- CodeIgniter类的使用
- 微信端应用 ionic实现texarea 自适应高度
- 【转】【Asp.Net】asp.net服务器控件创建
- Spring3中的mvc:interceptors标签配置拦截器
- Apache网页有时能访问,有时超时打不开
- 学习笔记之Shell脚本的输出重定向
- linux 内存管理——内核的shmall 和shmmax 参数
- 实例化讲解 RunLoop
- ES聚合实例
- Java实现应用程序记住用户名、密码功能
- 开源第三方登录组件OAuthLogin2.0 解析及开源地址
- Mac OS X下安装和配置Maven
- iOS 让图片变模糊
- pytest 14 使用自定义标记mark
- [Hive_3] Hive 建表指定分隔符
- mysql5.7安装(正确安装)实战
- Spring boot+Thymeleaf+easyui集成:js创建组件页面报错
- 宇宙最强VisualStudio2017配置pyQt5用于python3.6的UI界面工具(转)