当前位置: 首页>>代码示例 >>用法及示例精选 >>正文


JavaScript Array filter()用法及代码示例


下面是Array filter()方法的示例。

  • 例:

的JavaScript

<script>
    // JavaScript to illustrate findIndex() method
    function canVote(age) {
        return age >= 18;
    }
 
    function func() {
        var filtered = [24, 33, 16, 40].filter(canVote);
        document.write(filtered);
    }
    func();
</script>                   
  • 输出:
[24,33,40]

arr.filter()方法用于从给定数组创建一个新数组,该数组仅包含给定数组中满足参数方法设置条件的那些元素。句法:

array.filter(callback(element, index, arr), thisValue)

参数:此方法接受上述和以下所述的五个参数:

  • callback:此参数保存要为数组的每个元素调用的函数。
  • element:该参数保存当前正在处理的元素的值。
  • index:该参数是可选的,它保存从0开始的数组中currentValue元素的索引。
  • arr:此参数是可选的,它包含在其上调用Array.every的完整数组。
  • thisValue:此参数是可选的,它保存要在执行回调函数时使用的上下文。如果传递了上下文,则每次调用该回调函数时都将使用该上下文,否则将使用undefined作为默认值。

返回值:此方法返回一个仅包含满足arg_function条件的元素的新数组。以下示例说明了JavaScript中的arr.filter()方法:

  • Example 1:在此示例中,方法filter()创建仅由满足isPositive()函数检查的条件的那些元素组成的新数组。
function isPositive(value) {
  return value > 0;
}

var filtered = [112, 52, 0, -1, 944].filter(isPositive);
print(filtered);


  • 输出:
[112,52,944]


  • 范例2:在此示例中,方法filter()创建仅由满足isPositive()函数检查的条件的那些元素组成的新数组。
function isEven(value) {
  return value % 2 == 0;
}

var filtered = [11, 98, 31, 23, 944].filter(isEven);
print(filtered);


  • 输出:
[98,944]


上述方法的代码定义如下:
程序1:



的JavaScript

<script>
    // JavaScript to illustrate filter() method
    function isPositive(value) {
        return value > 0;
    }
 
    function func() {
        var filtered = [112, 52, 0, -1, 944].filter(isPositive);
        document.write(filtered);
    }
    func();
</script>

输出:

[112,52,944]

程序2:

的JavaScript

<script>
    // JavaScript to illustrate filter() method
    function isEven(value) {
        return value % 2 == 0;
    }
 
    function func() {
        var filtered = [11, 98, 31, 23, 944].filter(isEven);
        document.write(filtered);
    }
    func();
</script>

输出:

[98,944]

支持的浏览器:下面列出了JavaScript数组filter()方法支持的浏览器:

  • 谷歌浏览器
  • Microsoft Edge 9.0
  • Mozila Firefox 1.5
  • Safari
  • Opera




相关用法


注:本文由纯净天空筛选整理自HGaur大神的英文原创作品 JavaScript Array filter() Method。非经特殊声明,原始代码版权归原作者所有,本译文未经允许或授权,请勿转载或复制。