jQuery | grep () Метод

Опубликовано: 22 Декабря, 2021

Этот метод grep () в jQuery используется для поиска элементов массива, удовлетворяющего функции фильтрации.

Синтаксис:

jQuery.grep (массив, функция (элемент, индекс) [, инвертировать])

Параметры: этот метод принимает два параметра, как указано выше и описано ниже:

array: этот параметр содержит массив, подобный объекту для поиска.
function (element, index): это функция фильтра, которая принимает два аргумента: element, который содержит элемент массива, и index, который содержит индекс этого конкретного элемента.
инвертировать: ложно или не передано, тогда функция возвращает массив, содержащий все элементы, для которых «обратный вызов» возвращает истину. Если передано значение true, функция возвращает массив, содержащий все элементы, для которых «обратный вызов» возвращает false.

Возвращаемое значение: возвращает элементы, удовлетворяющие функции фильтра.

Пример 1. В этом примере метод grep () применяется к массиву чисел для фильтрации некоторых чисел на основе условия. Это не влияет на исходный массив.

Выход:

Пример 2: В этом примере метод grep () применяется к массиву объектов JavaScript, чтобы отфильтровать некоторые объекты на основе условия. Этот метод не влияет на исходный массив.

 <!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 > 

Выход:

JQuery

jQuery | grep () Метод

РЕКОМЕНДУЕМЫЕ СТАТЬИ