首页 > Web开发 > 详细

JS中filter的用法

时间:2020-12-01 21:16:16      阅读:33      评论:0      收藏:0      [点我收藏+]

 简介

filter()方法会创建一个新数组,原数组的每个元素传入回调函数中,回调函数中有return返回值,若返回值为true,这个元素保存到新数组中;若返回值为false,则该元素不保存到新数组中;原数组不发生改变。

语法

  array.filter(function(currentValue,index,arr), thisValue)

技术分享图片

 

 

 

例子

  例如,在一个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()这个高阶函数,关键在于正确实现一个“筛选”函数。

 

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的重复元素:

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());

运行结果:

apple,strawberry,banana,pear,orange

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

 

JS中filter的用法

原文:https://www.cnblogs.com/xiaoxiaomini/p/14069805.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!