JavaScript – Array filter() 方法
描述
JavaScript数组 filter() 方法创建一个新数组,其中包含通过提供的函数实现的测试的所有元素。
语法
语法如下 −
array.filter(callback[, thisObject]);
参数详解
- callback − 用于测试数组每个元素的函数。
-
thisObject − 在执行回调时用作 this 的对象。
返回值
返回新创建的数组。
兼容性
此方法是ECMA-262标准的JavaScript扩展;因此,它可能不存在于标准的其他实现中。要使它工作,您需要在脚本顶部添加以下代码。
if (!Array.prototype.filter) {
Array.prototype.filter = function(fun /*, thisp*/) {
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var res = new Array();
var thisp = arguments[1];
for (var i = 0; i < len; i++) {
if (i in this) {
var val = this[i]; // 以防fun改变了this
if (fun.call(thisp, val, i, this))
res.push(val);
}
}
return res;
};
}
示例
尝试以下示例。
<html>
<head>
<title>JavaScript Array filter Method</title>
</head>
<body>
<script type = "text/javascript">
if (!Array.prototype.filter) {
Array.prototype.filter = function(fun /*, thisp*/) {
var len = this.length;
if (typeof fun != "function")
throw new TypeError();
var res = new Array();
var thisp = arguments[1];
for (var i = 0; i < len; i++) {
if (i in this) {
var val = this[i]; // in case fun mutates this
if (fun.call(thisp, val, i, this))
res.push(val);
}
}
return res;
};
}
function isBigEnough(element, index, array) {
return (element >= 10);
}
var filtered = [12, 5, 8, 130, 44].filter(isBigEnough);
document.write("Filtered Value : " + filtered );
</script>
</body>
</html>
输出
Filtered Value : 12,130,44