English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

Explicação Detalhada do Método jQuery grep() e Código de Exemplo

O que é jQuery.grep()?

  jQuery.grep() é uma função que encontra elementos do array que satisfazem a função de filtro. O array original não é afetado, e o valor retornado é um array.

Descrição de uso:

Escrita:

jQuery.grep(array, function(elementOfArray, indexInArray) [, invert] )

  Descrição dos parâmetros:

array

Tipo: Array
Array usado para consultar o elemento.

function(elementOfArray, indexInArray)

Tipo: Function()

Esta função é usada para comparar cada elemento. O primeiro parâmetro é o elemento do array que está sendo verificado, o segundo parâmetro é o valor de índice do elemento. A função deve retornar um valor booleano. this será o objeto global window.

  elementOfArray--Elemento do array
  indexInArray--Índice do elemento

invert

Tipo: Boolean

Se 'invert' for false ou não for fornecido, a função retorna um array de todos os elementos que retornam true no 'callback'. Se 'invert' for true, a função retorna um array de todos os elementos que retornam false no 'callback'.   

Exemplo: filtre os elementos originais do array que não têm valores 5e, além disso, os índices que são maiores que 4 dos elementos. Em seguida, filtre todos os valores 9 dos elementos

<!DOCTYPE html>
<html>
<head>
 <style>
 div { color:blue; }
 p { color:green; margin:0; }
 span { color:red; }
 </style>
 <script src="http://cdn.bootcss.com/jquery/1.11.2/jquery.min.js"></script>
</head>
<body>
 <div></div>
 <p></p>
 <span></span>
<script>
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>

  O resultado será:

1, 9, 3, 8, 6, 1, 5, 9, 4, 7, 3, 8, 6, 9, 1
1, 9, 4, 7, 3, 8, 6, 9, 1
1, 4, 7, 3, 8, 6, 1

Obrigado por ler, espero que ajude a todos, obrigado pelo suporte ao site!

Você Também Gostaria de Ver