扫码一下
查看教程更方便
教程 > Javascript 教程 > Javascript 对象
阅读：36
Javascript Array filter() 方法
定义
filter()方法创建一个新数组，其中包含通过提供的函数实现的测试的所有元素。
注意： filter() 不会对空数组进行检测。
注意： filter() 不会改变原始数组。
语法
语法如下
array.filter(callback[, thisObject]);
参数
- callback - 必需，测试数组每个元素的函数。
- thisObject -可选，在执行回调时用作this 的对象。
返回值
返回数组，包含了符合条件的所有元素。如果没有符合条件的元素则返回空数组。
浏览器支持
所有主流浏览器都支持 filter() 方法。
兼容性
此方法是 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]; // in case fun mutates 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
