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 相关文章推荐
jQuery中RadioButtonList的功能及用法实例介绍
Aug 23 Javascript
使用jspdf生成pdf报表
Jul 03 Javascript
jQuery中$this和$(this)的区别介绍(一看就懂)
Jul 06 Javascript
jQuery判断checkbox选中状态
May 12 Javascript
使用HTML5+Boostrap打造简单的音乐播放器
Aug 05 Javascript
javascript中的深复制详解及实例分析
Dec 29 Javascript
基于JQuery和原生JavaScript实现网页定位导航特效
Apr 03 jQuery
jQuery 防止相同的事件快速重复触发方法
Feb 08 jQuery
浅谈vue项目可以从哪些方面进行优化
May 05 Javascript
Rollup处理并打包JS文件项目实例代码
May 31 Javascript
小程序click-scroll组件设计
Jun 18 Javascript
如何在vue中使用jointjs过程解析
May 29 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
Flash空降上海 化身大魔王接受挑战
2020/03/02 星际争霸
浅析使用Turck-mmcache编译来加速、优化PHP代码
2013/06/20 PHP
Zend Framework教程之响应对象的封装Zend_Controller_Response实例详解
2016/03/07 PHP
PHP 5.6.11 访问SQL Server2008R2的几种情况详解
2016/08/08 PHP
PHP AjaxForm提交图片上传并显示图片源码
2016/11/29 PHP
php实现的AES加密类定义与用法示例
2018/01/29 PHP
PHP 获取客户端 IP 地址的方法实例代码
2018/11/11 PHP
JavaScript中获取元素索引的函数
2010/09/10 Javascript
原生js实现给指定元素的后面追加内容
2013/04/10 Javascript
Javascript 完美运动框架(逐行分析代码,让你轻松了运动的原理)
2015/01/23 Javascript
JS中创建函数的三种方式及区别
2016/03/13 Javascript
基于jQuery实现动态搜索显示功能
2016/05/05 Javascript
Bootstrap中的Panel和Table全面解析
2016/06/13 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
浅谈angular2的http请求返回结果的subcribe注意事项
2017/03/01 Javascript
Avalonjs双向数据绑定与监听的实例代码
2017/06/23 Javascript
微信小程序开发教程之增加mixin扩展
2017/08/09 Javascript
javaScript强制保留两位小数的输入数校验和小数保留问题
2018/05/09 Javascript
bootstrap模态框弹出和隐藏,动态改变中间内容的实例
2018/08/10 Javascript
vue.js中ref及$refs的使用方法解析
2019/10/08 Javascript
Vue CLI4 Vue.config.js标准配置(最全注释)
2020/06/05 Javascript
antd的select下拉框因为数据量太大造成卡顿的解决方式
2020/10/31 Javascript
tensorflow1.0学习之模型的保存与恢复(Saver)
2018/04/23 Python
Python编程图形库之Pillow使用方法讲解
2018/12/28 Python
python如何获取apk的packagename和activity
2020/01/10 Python
利用python画出AUC曲线的实例
2020/02/28 Python
基于Python pyecharts实现多种图例代码解析
2020/08/10 Python
pandas按照列的值排序(某一列或者多列)
2020/12/13 Python
pycharm 配置svn的图文教程(手把手教你)
2021/01/15 Python
高清屏下canvas重置尺寸引发的问题的解决
2019/10/14 HTML / CSS
CHRONEXT英国:您的首选奢华腕表目的地
2020/03/30 全球购物
linux面试题参考答案(5)
2014/09/01 面试题
干部行政关系介绍信
2014/01/17 职场文书
办公室员工岗位工作职责
2014/03/10 职场文书
公司募捐倡议书
2014/05/14 职场文书
财务科长个人对照检查材料
2014/09/18 职场文书