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

发布时间 - 2026-01-11 02:05:38    点击率:

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


# js  # filter  # Javascript中关于Array.filter()的妙用详解  # AngularJS中的过滤器filter用法完全解析  # JavaScript 数组some()和filter()的用法及区别  # jquery.fastLiveFilter.js实现输入自动过滤的方法  # JavaScript中利用Array filter() 方法压缩稀疏数组  # 详解AngularJS中的filter过滤器用法  # Vue.js报错Failed to resolve filter问题的解决方法  # AngularJS过滤器filter用法总结  # 详解AngularJS Filter(过滤器)用法  # JavaScript中filter的用法实例分析  # 的是  # 关键在于  # 高阶  # 请尝试  # 作用于  # 返回值  # 过滤掉  # 一个函数  # 空字符串  # pre  # brush  # class  # var  # Array  # map  # false  # true  # span 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: Laravel Eloquent:优雅地将关联模型字段扁平化到主模型中  如何安全更换建站之星模板并保留数据?  如何在云服务器上快速搭建个人网站?  怎样使用JSON进行数据交换_它有什么限制  ai格式如何转html_将AI设计稿转换为HTML页面流程【页面】  Laravel Docker环境搭建教程_Laravel Sail使用指南  如何快速选择适合个人网站的云服务器配置?  专业企业网站设计制作公司,如何理解商贸企业的统一配送和分销网络建设?  如何在阿里云通过域名搭建网站?  如何用低价快速搭建高质量网站?  Laravel如何实现数据库事务?(DB Facade示例)  Claude怎样写结构化提示词_Claude结构化提示词写法【教程】  EditPlus中的正则表达式 实战(1)  Laravel如何使用Spatie Media Library_Laravel图片上传管理与缩略图生成【步骤】  JavaScript中的标签模板是什么_它如何扩展字符串功能  简单实现jsp分页  Android自定义控件实现温度旋转按钮效果  简单实现Android文件上传  西安市网站制作公司,哪个相亲网站比较好?西安比较好的相亲网站?  Laravel如何使用Eloquent进行子查询  韩国网站服务器搭建指南:VPS选购、域名解析与DNS配置推荐  Laravel如何设置定时任务(Cron Job)_Laravel调度器与任务计划配置  如何实现javascript表单验证_正则表达式有哪些实用技巧  html5源代码发行怎么设置权限_访问权限控制方法与实践【指南】  HTML透明颜色代码在Angular里怎么设置_Angular透明颜色使用指南【详解】  浅析上传头像示例及其注意事项  Swift开发中switch语句值绑定模式  Laravel如何为API生成Swagger或OpenAPI文档  如何用PHP工具快速搭建高效网站?  Laravel怎么写单元测试_PHPUnit在Laravel项目中的基础测试入门  Laravel怎么处理异常_Laravel自定义异常处理与错误页面教程  如何快速搭建高效服务器建站系统?  Android Socket接口实现即时通讯实例代码  Win11怎么设置默认图片查看器_Windows11照片应用关联设置  简历在线制作网站免费版,如何创建个人简历?  手机网站制作平台,手机靓号代理商怎么制作属于自己的手机靓号网站?  香港服务器部署网站为何提示未备案?  中国移动官方网站首页入口 中国移动官网网页登录  PHP 500报错的快速解决方法  浅谈javascript alert和confirm的美化  Java解压缩zip - 解压缩多个文件或文件夹实例  通义万相免费版怎么用_通义万相免费版使用方法详细指南【教程】  使用Dockerfile构建java web环境  大学网站设计制作软件有哪些,如何将网站制作成自己app?  如何在新浪SAE免费搭建个人博客?  php后缀怎么变mp4格式错误_修改扩展名提示格式不对怎么办【技巧】  如何快速搭建安全的FTP站点?  高防服务器租用指南:配置选择与快速部署攻略  网站制作软件有哪些,制图软件有哪些?  UC浏览器如何设置启动页 UC浏览器启动页设置方法