JavaScript中使用filter函数过滤json数组

柔光的暖阳◎ 2023-10-09 18:02 20阅读 0赞

*  可用`filter()`方法对json数组根据某字段的值进行过滤，返回过滤后的集合。
    
        let array = [
        	{id:'1111',name:'第一条数据',key_dict:'是'},
        	{id:'2222',name:'第二条数据',key_dict:'是'},
        	{id:'3333',name:'第三条数据',key_dict:'否'},
        	{id:'4444',name:'第四条数据',key_dict:'否'},
        	{id:'5555',name:'第五条数据',key_dict:'是'}
        	]
        array = array.filter((item) => {
        	return item.key_dict == '否'
        	})
        console.log("过滤出来的array",array)
    
    ![e4f37bdaf2aa40048a585daaccacc719.png][]
    
    --------------------
 *  还可根据`双重条件`进行过滤，返回数组中`key_dict == '否'`同时`id == '4444'`的数据。

array = array.filter((item) => {
    	return item.key_dict == '否' && item.id == '4444'
    })

![1e862d7c331f445984a5792f6dc032b0.png][]

--------------------

*  搭配`||`运算符也可以拿到想要的数据

array = array.filter((item) => {
    	return item.key_dict == '否' || item.name == '第一条数据'
    })

![在这里插入图片描述][14126a1c9aa249efa8a936f90aa0754f.png]

--------------------

注：`es6`中的`find()`方法只返回符合条件的第一条数据，不会返回集合

[e4f37bdaf2aa40048a585daaccacc719.png]: https://img-blog.csdnimg.cn/e4f37bdaf2aa40048a585daaccacc719.png
[1e862d7c331f445984a5792f6dc032b0.png]: https://img-blog.csdnimg.cn/1e862d7c331f445984a5792f6dc032b0.png
[14126a1c9aa249efa8a936f90aa0754f.png]: https://img-blog.csdnimg.cn/14126a1c9aa249efa8a936f90aa0754f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，20人围观）

还没有评论，来说两句吧...

相关阅读

相关 Python 过滤函数filter()详解

Python 过滤函数filter()详解

旧城等待，/ 2024年04月20日 12:26/ 0 赞/ 68 阅读

相关 filter：过滤数组元素

`filter()` 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。不会改变原数组。 //现在你想过滤掉arr数组里面的22 ...

约定不等于承诺〃/ 2024年04月18日 16:37/ 0 赞/ 88 阅读

相关 JavaScript中使用filter函数过滤json数组

可用`filter()`方法对json数组根据某字段的值进行过滤，返回过滤后的集合。 let array = [ {id:'1

柔光的暖阳◎/ 2023年10月09日 18:02/ 0 赞/ 21 阅读

相关数组过滤filter函数

array.filter() 数组过滤元素，可以将数组中不符合的元素去掉，返回一个新数组。 filter函数接受一个回调函数，把回调函数依次作用于元素回调函数的第一个参数

港控/mmm°/ 2023年06月10日 06:24/ 0 赞/ 30 阅读

相关【js】使用filter函数过滤数组里的json再嵌套数组里的项

1.背景在工作中遇到一个问题，服务器返回了一个数组，里面嵌套json，json里又有数组，每个数组又都是json，需要在这些json的某个字段搜索符合要求的json并且

不念不忘少年蓝@/ 2023年01月01日 01:46/ 0 赞/ 134 阅读

相关 array_filter 使用函数进行回调过滤函数中的单元

$res_id= 1; $arrLis = json_decode($old_cmm_value, true); if (!empty($old_cmm

秒速五厘米/ 2022年12月27日 14:25/ 0 赞/ 12 阅读

相关 es6 filter() 数组过滤方法总结

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dhbmdu

Dear 丶/ 2022年12月03日 13:16/ 0 赞/ 361 阅读

相关 js使用filter递归过滤树形结构数组

今天遇到了这么一个问题，一个管理系统的前端使用vue，通过路由控制用户权限。由后端返回权限编码列表，前端菜单列表需要对这些权限编码进行过滤。菜单是树形结构，如果父级菜单被过滤，

男娘i/ 2022年11月12日 08:16/ 0 赞/ 186 阅读

相关 es5数组拓展，Filter过滤方法

Filter方法详解： > array.filter(function(currentValue,index,arr), thisValue);该方法与forEach()类似

你的名字/ 2022年04月04日 14:54/ 0 赞/ 515 阅读

相关使用filter过滤数据

如何筛选掉无效数据？今天在做遍历20个数据时，需要判断后台返回的数据是否含user字段，有则遍历，无则跳过，如何实现呢？刚开始想复杂了，我的做法是，用数组arr1,

客官°小女子只卖身不卖艺/ 2021年07月25日 21:42/ 0 赞/ 440 阅读