$.grep() 的用法

简介: $.grep() 的用法

定义和用法

$.grep() 函数使用指定的函数过滤数组中的元素,并返回过滤后的数组。

提示:源数组不会受到影响,过滤结果只反映在返回的结果数组中。

语法

$.grep( array, function [, invert ] )

参数 描述
array Array类型 将被过滤的数组。
function Function类型 指定的过滤函数。grep()方法为function提供了两个参数:其一为当前迭代的数组元素,其二是当前迭代元素在数组中的索引。
invert 可选。 Boolean类型 默认值为false,指定是否反转过滤结果。如果参数invert为true,则结果数组将包含function返回false的所有元素。

示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<style>
    div {
        color: blue;
    }
    p {
        color: green;
        margin: 0;
    }
    span {
        color: red;
    }
</style>    
<script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
</head>
<body>
    
<div></div>
<p></p>
<span></span>
<script>
$(function () { 
    var arr = [ 1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1 ];
    $( "div" ).text( arr.join( ", " ) );
    arr = jQuery.grep(arr, function( n, i ) {
        return ( n !== 5 && i > 4 );
    });
    $( "p" ).text( arr.join( ", " ) ); 
    arr = jQuery.grep(arr, function( a ) {
        return a !== 9;
    });
    $( "span" ).text( arr.join( ", " ) );
})
</script>
 
</body>
</html>

image.png

目录
相关文章
|
6天前
|
程序员 Linux
grep用法详解
grep用法详解
|
2月前
|
Perl
grep的复杂用法
grep的复杂用法
26 3
|
2月前
|
Unix
grep的基本用法
grep的基本用法
26 2
|
2月前
|
Unix Linux
grep的实战用法
grep的实战用法
30 4
|
2月前
|
Unix Linux
grep的具体用法
grep的具体用法
50 1
|
弹性计算 Shell Linux
3天玩转shell--6.sed 和grep用法
本文将通过shell代码示例,简单通俗的讲解shell。通过执行代码和运行结果反向掌握shell编程方法。准备一台低配的阿里云ECS Linux环境,跟着教程走起,本文比较适合shell小白。
173 0
|
存储 Unix Linux