jQuery.grep()
jQuery.grep()可以使用過濾方法過濾陣列元素;原始陣列不會受到影響。
語法結構:
[JavaScript] 純文字檢視 複製程式碼jQuery.grep(array, function(ele,index) [, invert ])
引數解析:
(1).array:待過濾陣列。
(2).function:此函式將處理陣列每個元素。
第一個引數為當前元素,第二個引數是元素索引值。ele:可選,當前陣列中的元素;index:可選,當前元素在陣列中的索引位置(從0開始)。函式中的this指向window物件。此過濾方法返回true以保留元素或false以刪除元素。
(3).invert:可選,布林值,如果"invert"為false或未設定,則函式返回陣列中由過濾函式返回true的元素,當"invert"為true,則返回過濾函式中返回false的元素集。
jQuery1.0版本新增。
程式碼例項:
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ var theArray=[1,2,3,4,5]; var func=function(ele,index){ return ele>3; } alert($.grep(theArray,func)); }); </script> </head> <body> </body> </html>
返回一個新的陣列,它的元素是由大於3的數字組成。
[HTML] 純文字檢視 複製程式碼執行程式碼<!doctype html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>螞蟻部落</title> <script src="https://code.jquery.com/jquery-3.0.0.js"></script> <script type="text/javascript"> $(document).ready(function(){ var theArray=[1,2,3,4,5]; var func=function(ele,index){ return ele>3; } alert($.grep(theArray,func,true)); }); </script> </head> <body> </body> </html>
返回一個新的陣列,它的元素是由小於3的數字組成。