分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

JS的filter用法

发布时间:2023-09-06 02:35责任编辑:沈小雨关键词:暂无标签

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

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

(1)筛选过滤,保留偶数

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

 ???<script type="text/javascript"> ???????var arr = [0,1,2,3,4,5,1,4,0]; ???????var arr_filter = arr.filter(function(x){ ???????????return x%2 == 0;/* 筛选偶数 */ ????????}) ???????console.log(arr_filter) ???</script>

(2)筛选去除空格

筛选去除空格

 ???<script type="text/javascript"> ???????var arr = [‘0‘,1,2,3,4,"",5,1,4,‘0‘,""]; ???????var arr_filter = arr.filter(function(x){ ???????????return x;/* 筛选空格 */ ????????}) ???????console.log(arr_filter) ???</script>

(3)回调函数

  filter()接收的回调函数,其实可以有多个参数。通常仅使用第一个参数,表示Array的某个元素。回调函数还可以接收另外两个参数,表示元素的位置和数组本身:

 ???????var arr = [‘A‘,‘B‘,‘C‘,‘d‘]; ???????var arr_filter = arr.filter(function(element,index,self){ ???????????console.log(element);/* 依次打印‘A‘,‘B‘,‘C‘,‘d‘ */ ???????????console.log(index);/* 依次打印0,1,2,3 */ ???????????console.log(self);/* 打印数组本身即arr */ ???????????return true; ???????})

    利用filter,可以巧妙地去除Array的重复元素:

 ???????var arr_repeat = [‘A‘,‘B‘,‘A‘,‘B‘,‘B‘,‘C‘,‘A‘,‘D‘]; ???????var arr_filter = arr_repeat.filter(function(element,index,self){ ???????????return self.indexOf(element) == index; ???????}) ???????console.log(arr_filter);//返回[‘A‘,‘B‘,‘C‘,‘D‘]

    去除重复元素依靠的是indexOf总是返回第一个元素的位置,后续的重复元素位置与indexOf返回的位置不相等,因此被filter滤掉了。

.

JS的filter用法

原文地址:https://www.cnblogs.com/jianxian/p/10582683.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved