Filter函数的使用 - 极悦
首页 课程 师资 教程 报名

Filter函数的使用

  • 2021-07-27 16:30:46
  • 989次 极悦

这是一个数组方法,数组调用后返回一个新的数组,filter函数的参数是一个函数(回调函数)里面有一个return

当return后面的表达式为true时保留数组当前项到新数组

一般只使用回调函数的第一个参数,表示数组的每一项

例如,在一个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]

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

 var arr = ['A', 'B', 'C'];
 var r = arr.filter(function (element, index, self) {
     console.log(element); // 依次打印'A', 'B', 'C'
     console.log(index); // 依次打印0, 1, 2
     console.log(self); // self就是变量arr
     return true;
 });
利用filter,可以巧妙地去除Array的重复元素:


 'use strict';
 
 var
     r,
     arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry'];
   r = arr.filter(function (element, index, self) {
      return self.indexOf(element) === index;
   });
 console.log(r.toString());

以上就是极悦小编介绍的"Filter函数的使用",希望对大家有帮助,想了解更多可查看Filter过滤器。极悦在线学习教程,针对没有任何Java基础的读者学习,让你从入门到精通,主要介绍了一些Java基础的核心知识,让同学们更好更方便的学习和了解Java编程,感兴趣的同学可以关注一下。

选你想看

你适合学Java吗?4大专业测评方法

代码逻辑 吸收能力 技术学习能力 综合素质

先测评确定适合在学习

在线申请免费测试名额
价值1998元实验班免费学
姓名
手机
提交