数组filter的用法

在数组的使用中，我们通常会有数组的过滤的需求，比如值在某个范围内的数字，用来组成一个新的数组，这就用到了数组的过滤

比如:

 var number=[23,3,51,65,13,45,65,23,63]
//此时想取出大于25的数字，返回一个新数组number.filter( item=>{return item>25
}
此时的filter就起到了过滤的功能

在vue中应用

比如说频道管理一共是25个频道, 我的频道中已有部分频道,剩下的点击添加更多频道中的内容则是总共的频道-我的频道= 点击添加更多频道

此时用过滤器filter最合适不过

unCheckChannel代表过滤完的频道,也就是可以往我的频道中可以添加的频道,allChannelList代表所有的25个频道,userCheckChannel代表我的频道,具体接口数据不在此展示,我们只用数据来说话.

看vue中的代码:

findIndex会去寻找重复的频道,如果找到重复的会返回1,找不到重复的会返回-1,在此定义一个变量index,让他大于-1,其实就是找到了重复的,因为重复的数据是我们所不需要的,所以返回一个错误,剩下的让他返回正确.

至于computed是vue中的计算属性,在此用它最合适不过.

数组filter的用法相关推荐

swift 数组 filter reduce sort 等方法
数组的常用方法 swift 数组有很多的操作方法,但是用的时候用常常想不起来,就列出来看看 map 和 flatMap 对数组中的元素进行变形操作 filter 主要对数组进行过滤 reduce 主要 ...
foreach用法_25个你不得不知道的数组reduce高级用法
作者:JowayYoung 仓库:Github.CodePen 博客:掘金.思否.知乎.简书.头条.CSDN 公众号:IQ前端联系我:关注公众号后有我的微信哟特别声明:原创不易,未经授权不得对此文 ...
ES6 必须要用的数组Filter() 方法，不要再自己循环遍历了！！！
1,来一个最简单最常用的栗子: 获得年龄为9岁的孩子 1 let arr = [2 {3 name:'小明',4 sex:0,5 age:96 },7 { 8 name:'小红', 9 sex:1, ...
简述angular中constant和$filter的用法
这里是修真院前端小课堂,每篇分享文从 [背景介绍][知识剖析][常见问题][解决方案][编码实战][扩展思考][更多讨论][参考文献] 八个方面深度解析前端知识/技能,本篇分享的是: [简述angul ...
js中数组filter过滤奇偶数_js--数组的filter()过滤方法的使用
前言你还在通过for循环遍历数组吗?你还在遍历之后一项一项的通过if判断过滤你需要的数据吗?你还在写着一大堆代码实现一个简单的过滤数据功能吗?那么,今天他来了.他就是这里要介绍的es6中数组filt ...
matlab的filter函数,filter函数用法 matlab中filter函数的用法
matlab中filter函数的用法如果你深爱的人此刻在你身边陪你,你怎么会有时间来看这些文字呢离散系统的差分方程为 2y[k]-y[-1]-3y[k-2]=2x[k]-x[k-1] x[k]=(0 ...
es6中reduce的用法_25个你不得不知道的数组reduce高级用法
背景距离上一篇技术文章<1.5万字概括ES6全部特性>发布到现在,已经有整整4个月没有输出过一篇技术文章了.哈哈,不是不想写,而是实在太忙,这段时间每天不是上班就是加班,完全没有自己的时 ...
java reduce.mdn_编程语言你不得不知道的数组reduce高级用法
背景距离上一篇技术文章<1.5万字概括ES6全部特性>发布到现在,已经有整整4个月没有输出过一篇技术文章了.哈哈,不是不想写,而是实在太忙,这段时间每天不是上班就是加班,完全没有自己的时 ...
20个你不得不知道的数组reduce高级用法
目录 1 背景 2 高级用法 3 兼容和性能 4 结语 1 背景 reduce 作为ES5新增的常规数组方法之一,对比 forEach .filter 和 map,在实际使用上好像有些被忽略,发现身边 ...
python怎么用lambda和map函数_Python之lambda匿名函数及map和filter的用法
现有两个元组(('a'),('b')),(('c'),('d')),请使用python中匿名函数生成列表[{'a':'c'},{'b':'d'}] t1 = (('a'), ('c')) t2 = ( ...

数组filter的用法

数组filter的用法相关推荐

最新文章

热门文章