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