Este método grep() en jQuery se usa para encontrar los elementos de una array que satisface una función de filtro.
Sintaxis:
jQuery.grep(array, function(element, index) [, invert])
Parámetros: este método acepta dos parámetros, como se mencionó anteriormente y se describe a continuación:
- array: este parámetro contiene el objeto similar a una array para la búsqueda.
- función (elemento, índice): es la función de filtro que toma dos argumentos, el elemento que contiene el elemento de la array y el índice que contiene el índice de ese elemento en particular.
- invertir: es falso o no se pasa, luego la función devuelve una array que tiene todos los elementos para los que «devolución de llamada» devuelve verdadero. Si esto se pasa verdadero, entonces la función devuelve una array que tiene todos los elementos para los que «devolución de llamada» devuelve falso.
Valor devuelto: Devuelve los elementos que satisfacen la función de filtro.
Ejemplo 1: en este ejemplo, el método grep() se aplica a la array de números para filtrar algunos números según la condición. No afecta a la array original.
<!DOCTYPE html>
<html>
<head>
<title>
JQuery | grep() method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP" style =
"font-size: 20px; font-weight: bold">
</p>
<button onclick = "GFG_Fun();">
click here
</button>
<p id="GFG_DOWN" style = "font-size: 26px;
font-weight: bold; color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var arr = [ 1, 9, 3, 8, 6, 1, 5, 9,
4, 7, 3, 8, 6, 9, 1 ];
up.innerHTML = "Click on the button to "
+ "perform the operation.<br>"
+ "Array - <br>[" + arr + "]";
function GFG_Fun() {
var d = $.grep(arr, function( n, i ) {
return ( n !== 7 && i > 4 );
});
down.innerHTML = JSON.stringify(d);
}
</script>
</body>
</html>
Producción:
Ejemplo 2: en este ejemplo, el método grep() se aplica a la array de objetos de JavaScript para filtrar algunos objetos según la condición. Este método no afecta la array original.
<!DOCTYPE html>
<html>
<head>
<title>
JQuery | grep() method
</title>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js">
</script>
</head>
<body style="text-align:center;">
<h1 style="color:green;">
GeeksforGeeks
</h1>
<p id="GFG_UP" style=
"font-size: 20px; font-weight: bold">
</p>
<button onclick = "GFG_Fun();">
click here
</button>
<p id="GFG_DOWN" style="font-size: 26px;
font-weight: bold; color: green;">
</p>
<script>
var up = document.getElementById('GFG_UP');
var down = document.getElementById('GFG_DOWN');
var data = [
{"prop_1":"val_11", "prop_2":"val_12"},
{"prop_1":"val_21", "prop_2":"val_22"},
{"prop_1":"val_11", "prop_2":"val_22"},
{"prop_1":"val_61", "prop_2":"val_52"},
{"prop_1":"val_21", "prop_2":"val_52"},
{"prop_1":"val_61", "prop_2":"val_12"}
];
up.innerHTML = "Click on the button to "
+ "perform the operation.<br>"
+ "JSON - <br>" + JSON.stringify(data);
function GFG_Fun() {
var d = $.grep(data, function(n, i){
return n.prop_1==='val_11';
});
down.innerHTML=JSON.stringify(d);
}
</script>
</body>
</html>
Producción:
Publicación traducida automáticamente
Artículo escrito por PranchalKatiyar y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA