当前位置:首页 > 经验笔记 > javascript > 正文内容

ES6 find 和 filter 的区别

han32685年前 (2020-09-10)javascript2682

遇到个功能是要分类就想说在前端过滤,不要从查数据库的时候过滤了。然

后就想说除了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(list2); //{ name: '1', index: 1 }
console.log(list3);//[ { name: '1', index: 1 }, { name: '1' } ]



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

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

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

转载:https://blog.csdn.net/qq_39652441/article/details/79248127



扫描二维码推送至手机访问。

版权声明:本文由瀚文博客发布,如需转载请注明出处。

本文链接:https://hanwenblog.com/post/28.html

分享给朋友:

相关文章

elementUI—el-form表单,校验二层对象的值

表单数据:formData:{     name:'',     role:{  &nb...

ECharts绘制立体柱状图(圆柱体)详细示例

ECharts绘制立体柱状图(圆柱体)详细示例

echarts实现平面的柱状图很顺利,但是用户为了美观立体感,用到圆柱体图,下面这篇文章主要给大家介绍了关于ECharts绘制立体柱状图(圆柱体)的相关资料,需要的朋友可以参考下绘制这个立体的圆柱体柱...

JS/VUE按钮点击excel上传文件解析文件内容

代码如示    import * as XLSX from 'xlsx'; // 导入xlsx库    ...

element-ui 传入一个全局配置对象 对按钮组件全局设置size大小

官方文档:在引入 Element 时,可以传入一个全局配置对象。该对象目前支持 size 与 zIndex 字段。size 用于改变组件的默认尺寸,zIndex 设置弹框的初始 z-index(默认值...

Echarts图表的悬浮框位置的调整

下面的代码实现了悬浮框的位置不会超出界面 最多在离界面边缘5px的地方tooltip: {         ...