Подробное объяснение метода grep() jQuery и пример кода

Что такое jQuery.grep()?

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

Описание использования:

Синтаксис:

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

　　Описание параметров:

array

Тип: Array
Используемый массив для поиска элементов.

function(elementOfArray, indexInArray)

Тип: Function()

Эта функция используется для обработки сравнения каждого элемента. Первый параметр - элемент массива, который проверяется, второй параметр - индекс этого элемента. Функция должна вернуть булево значение. this будет глобальным объектом window.

　　elementOfArray--elemen array
　　indexInArray--indeks elemen array

invert

Тип: Boolean

Если «invert» равно false, или не предоставлено, функция возвращает массив всех элементов, возвращающих true в «callback». Если «invert» равно true, функция возвращает массив всех элементов, возвращающих false в «callback».　　　

Пример: отфильтруйте элементы массива, значения которых не равны 5 и индекс которых больше 4. Затем отфильтруйте все элементы с значением 9.

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

　　Результат будет следующим:

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

Спасибо за чтение, я надеюсь, что это поможет вам, спасибо за вашу поддержку нашего сайта!

Основной учебник

Вам может понравиться