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

 更新时间:2017年06月28日 10:11:16   作者:liaoxuefeng  
filter也是一个常用的操作,它用于把Array的某些元素过滤掉,然后返回剩下的元素。下面通过实例代码给大家简答介绍下javascript中的filter,需要的的朋友参考下吧

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()筛选出素数

相关文章

  • 通过BootStrap-select插件 js jQuery控制select属性变化

    通过BootStrap-select插件 js jQuery控制select属性变化

    bootstrap-select我想大家都不陌生是一个前端下拉框的插件非常好用,在select的标签中设置属性可以做很多功能控制,下面通过本文给大家详细介绍下
    2017-01-01
  • HTML5+Canvas调用手机拍照功能实现图片上传(上)

    HTML5+Canvas调用手机拍照功能实现图片上传(上)

    这篇文章主要为大家详细介绍了HTML5+Canvas,和jquery技术,调用手机拍照功能实现图片上传,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-04-04
  • JavaScript闭包相关知识解析

    JavaScript闭包相关知识解析

    这篇文章主要介绍了JavaScript闭包相关知识解析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2019-10-10
  • 通过隐藏iframe实现无刷新上传文件操作

    通过隐藏iframe实现无刷新上传文件操作

    本文给大家介绍iframe无刷新上传文件,通过一个隐藏的iframe来处理上传操作我采用的是ReactJS,amazeui,nodejs1.html target指向iframe的name,就是把上传后的操作交给iframe来处理
    2016-03-03
  • 基于Bootstrap下拉框插件bootstrap-select使用方法详解

    基于Bootstrap下拉框插件bootstrap-select使用方法详解

    这篇文章主要为大家详细介绍了基于Bootstrap下拉框插件bootstrap-select的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2018-08-08
  • es6 filter() 数组过滤方法总结

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

    这篇文章主要介绍了es6 filter() 数组过滤方法总结,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-04-04
  • JavaScript对象创建模式实例汇总

    JavaScript对象创建模式实例汇总

    这篇文章主要介绍了JavaScript对象创建模式,结合实例形式总结分析了JavaScript常见的对象创建模式,包括工厂模式、构造函数模式、原型模式、动态原型模式、寄生构造函数模式、稳妥构造函数模式等,需要的朋友可以参考下
    2016-10-10
  • javascript showModalDialog模态对话框使用说明

    javascript showModalDialog模态对话框使用说明

    使用javascript打开模态对话框,想学习showModalDialog使用方法的朋友可以参考下。
    2009-12-12
  • javascript中createElement的两种创建方式

    javascript中createElement的两种创建方式

    这篇文章主要介绍了javascript中createElement的两种创建方式,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-05-05
  • 原生JavaScript实现瀑布流布局

    原生JavaScript实现瀑布流布局

    这篇文章主要介绍了原生JavaScript实现瀑布流布局的相关资料,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-12-12

最新评论