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

ES6 find 和 filter 的区别

han32685年前 (2020-09-10)javascript3034

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

后就想说除了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://www.hanwenblog.com/post/28.html

分享给朋友:

相关文章

layer弹层遮罩挡住窗体解决,解决layer弹层遮罩挡住窗体的问题

layer弹层遮罩挡住窗体解决,解决layer弹层遮罩挡住窗体的问题

上代码<div>     <div>这里面某个按钮触发弹层<div>     &...

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

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

js数组取交集、并集、差集、补集

js数组取交集、并集、差集、补集

一、简单数组let arrA = [1,2,3,4] let arrB = [4,5,6,7] // 取交集 let&nbs...

element UI的表格fixed悬浮固定列错乱的官方解决办法

一般从无数据到有数据, 表格中的fixed列就会出现排版 以及各种奇奇怪怪的情况, 官方的办法是用表格的doLayout方法doLayout对 Table 进行重新布局。当 Table 或其祖先元素由...

echarts 第三方实例

一.前言。众所周知,在现今的开发大环境下,数据可视化(大屏化)项目在前端开发中的比重越来越大。而其中使用率最高的插件无疑就是 Apache Echarts。(ps: 以下简称为echarts)。本文就...