es6 filter方法的参数有哪些

118 阅读 0 评论 78 点赞

我是靠谱客的博主无聊大侠，最近开发中收集的这篇文章主要介绍es6 filter方法的参数有哪些，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

本教程操作环境：windows7系统、ECMAScript 6版、Dell G3电脑。

filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。

简单来讲： filter() 方法可以返回数组中满足指定条件的元素。

filter() 方法接受两个参数：

array.filter(callbackfn[, thisArg]);
登录后复制

callbackfn：回调函数，不可省略，用于设置条件来过滤数组元素，最多接受3个参数，语法：
function(currentValue, index,arr) 登录后复制
- currentValue 必须。当前元素的值
- index 可选。当前元素的索引值
- arr 可选。当前元素属于的数组对象
对于数组中的每个元素，filter 方法都会调用 callbackfn 函数一次。
thisArg：可选参数，可在 callbackfn 函数中为其用 this 关键字的对象。如果省略 thisArg，则 undefined 将用作 this 值。

返回值是一个包含回调函数为其返回 true 的所有值得新数组。如果回调函数为 array 的所有元素返回 false，则新数组的长度为 0。

对于数组中的每个元素，filter 方法都会调用 callbackfn 函数一次（采用升序索引顺序）。不为数组中缺少的元素调用该回调函数。回调函数的用法与 map 相同。

除了数组对象之外，filter 方法可由具有 length 属性，且具有已按数字编制索引的属性名的任何对象使用。

示例1：筛选出数组中的素数

var a = [31,33,35,37,39,41,43,45,57,49,51,53];
var a1 = a.filter(function(value, index, ar) {
    high = Math.floor(Math.sqrt(value)) + 1;
    for (var div = 2; div <= high; div ++) {
        if (value % div == 0) {
            return false;
        }
	}	
    return true;
}
);
console.log(a1);//31,37,41,43,53
</script>
登录后复制

示例2：过滤掉数组中在指定范围外的元素

var f = function (value) {
	if (typeof value !== 'number'){
		return false;
	} else {
		return value >= this.min && value <= this.max;
	}
}
var a = [6, 12, "15", 16, "the", -12];
var obj = {min : 10, max : 20};
var r = a.filter(f, obj);
console.log(r);  //12,16
登录后复制