JavaScript之filter_动力节点Java学院整理


Posted in Javascript onJune 28, 2017

filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。

和map()类似,Array的filter()也接收一个函数。和map()不同的是,filter()把传入的函数依次作用于每个元素,然后根据返回值是true还是false决定保留还是丢弃该元素。

例如,在一个Array中,删掉偶数,只保留奇数,可以这么写:

var arr = [1, 2, 4, 5, 6, 9, 10, 15];
var r = arr.filter(function (x) {
  return x % 2 !== 0;
});
r; // [1, 5, 9, 15]

把一个Array中的空字符串删掉,可以这么写:

var arr = ['A', '', 'B', null, undefined, 'C', ' '];
var r = arr.filter(function (s) {
  return s && s.trim(); // 注意:IE9以下的版本没有trim()方法
});
r; // ['A', 'B', 'C']

可见用filter()这个高阶函数,关键在于正确实现一个“筛选”函数。

练习

请尝试用filter()筛选出素数

Javascript 相关文章推荐
用htc组件制作windows选项卡
Jan 13 Javascript
详解JavaScript中setSeconds()方法的使用
Jun 11 Javascript
jQuery自定义滚动条完整实例
Jan 08 Javascript
Node.js环境下编写爬虫爬取维基百科内容的实例分享
Jun 12 Javascript
JS实现点击网页判断是否安装app并打开否则跳转app store
Nov 18 Javascript
jQuery上传多张图片带进度条样式(DEMO)
Mar 02 Javascript
JS异步加载的三种实现方式
Mar 16 Javascript
vue 根据数组中某一项的值进行排序的方法
Aug 30 Javascript
详解vue 在移动端体验上的优化解决方案
May 20 Javascript
JS前端知识点offset,scroll,client,冒泡,事件对象的应用整理总结
Jun 27 Javascript
Vue项目配置跨域访问和代理proxy设置方式
Sep 08 Javascript
Vue+Element-U实现分页显示效果
Nov 15 Javascript
JavaScript高阶函数_动力节点Java学院整理
Jun 28 #Javascript
JavaScript之Date_动力节点Java学院整理
Jun 28 #Javascript
ES6深入理解之“let”能替代”var“吗?
Jun 28 #Javascript
jQuery、layer实现弹出层的打开、关闭功能
Jun 28 #jQuery
AngularJS实现单一页面内设置跳转路由的方法
Jun 28 #Javascript
JavaScript中常见的八个陷阱总结
Jun 28 #Javascript
通过构造函数实例化对象的方法
Jun 28 #Javascript
You might like
一个oracle+PHP的查询的例子
2006/10/09 PHP
php将时间差转换为字符串提示
2011/09/07 PHP
解析MySql与Java的时间类型
2013/06/22 PHP
关于使用runtimeStyle属性问题讨论文章
2007/03/08 Javascript
jquery获得下拉框值的代码
2011/08/13 Javascript
JavaScript数据类型详解
2015/04/01 Javascript
jQuery实现按钮的点击 全选/反选 单选框/复选框 文本框 表单验证
2015/06/25 Javascript
javascript简单实现类似QQ头像弹出效果的方法
2015/08/03 Javascript
js判断上传文件后缀名是否合法
2016/01/28 Javascript
使用vue.js2.0 + ElementUI开发后台管理系统详细教程(一)
2017/01/21 Javascript
Bootstrap Table使用整理(一)
2017/06/09 Javascript
浅谈vue,angular,react数据双向绑定原理分析
2017/11/28 Javascript
vue.js移动数组位置,同时更新视图的方法
2018/03/08 Javascript
微信小程序实现聊天对话(文本、图片)功能
2018/07/06 Javascript
微信小程序实现预览图片功能
2020/10/22 Javascript
webpack中如何使用雪碧图的示例代码
2018/11/11 Javascript
基于javascript处理二进制图片流过程详解
2020/06/08 Javascript
javascript使用canvas实现饼状图效果
2020/09/08 Javascript
详解微信小程序轨迹回放实现及遇到的坑
2021/02/02 Javascript
[45:17]DOTA2-DPC中国联赛定级赛 Phoenix vs DLG BO3第三场 1月9日
2021/03/11 DOTA
使用python调用浏览器并打开一个网址的例子
2014/06/05 Python
Python 正则表达式入门(中级篇)
2016/12/07 Python
python实现装饰器、描述符
2018/02/28 Python
Python查找两个有序列表中位数的方法【基于归并算法】
2018/04/20 Python
python代码如何实现余弦相似性计算
2020/02/09 Python
python实现梯度下降算法的实例详解
2020/08/17 Python
Clarks其乐鞋荷兰官网:Clarks荷兰
2019/07/05 全球购物
是否有自动比较结构的方法
2015/06/03 面试题
运动会宣传口号
2014/06/09 职场文书
工伤事故赔偿协议书范文
2014/09/24 职场文书
新学期开学寄语2016
2015/12/04 职场文书
标准发言稿结尾
2019/07/18 职场文书
Memcached介绍及php-memcache扩展安装
2021/04/01 PHP
Redis持久化与主从复制的实践
2021/04/27 Redis
探讨Java中的深浅拷贝问题
2021/06/26 Java/Android
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js