文章出處

什么是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

  

 


文章列表


不含病毒。www.avast.com
全站熱搜
創作者介紹
創作者 大師兄 的頭像
大師兄

IT工程師數位筆記本

大師兄 發表在 痞客邦 留言(0) 人氣()