jQuery.grep()

admin發表於2017-02-19

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的數字組成。