jQuery grep()メソッドの詳細と実例コード

jQuery.grep()とは何ですか？

　　jQuery.grep()は、フィルタリング関数を満たす配列の要素を検索する関数です。元の配列は影響を受けず、配列が返されます。

使い方の説明：

書き方：

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

　　パラメータの説明：

array

タイプ: Array
要素を查询する配列

function(elementOfArray, indexInArray)

タイプ: Function()

この関数は各要素の比較を処理するために使用されます。最初の引数はチェックされている配列の要素であり、第二の引数はその要素のインデックス値です。この関数は布尔値を返すべきです。thisはグローバルなwindowオブジェクトです。

　　elementOfArray--配列の要素
　　indexInArray--要素のインデックス値

invert

タイプ: Boolean

「invert」がfalseの場合、または提供されていない場合、関数は「callback」でtrueを返すすべての要素で構成される配列を返します。また、「invert」がtrueの場合、関数は「callback」でfalseを返すすべての要素で構成される配列を返します。　　　

の例：元の配列の値が 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

ご覧いただきありがとうございます。皆様のサポートに感謝します。

基礎教程