jQuery grep()方法詳解及實例代碼
什么是jQuery.grep()？
jQuery.grep()是一個查找滿足過濾函數(shù)的數(shù)組元素的函數(shù)。原始數(shù)組不受影響，返回值為數(shù)組。
用法介紹：
寫法：
jQuery.grep( array, function(elementOfArray, indexInArray) [, invert ] )
參數(shù)介紹：
array
類型: Array
用于查詢元素的數(shù)組。
function(elementOfArray, indexInArray)
類型: Function()
該函數(shù)來處理每項元素的比對。第一個參數(shù)是正在被檢查的數(shù)組的元素，第二個參數(shù)是該元素的索引值。該函數(shù)應返回一個布爾值。this將是全局的window對象。
elementOfArray--數(shù)組元素
indexInArray--元素索引值
invert
類型: Boolean
如果“invert”為false，或沒有提供，函數(shù)返回一個“callback”中返回true的所有元素組成的數(shù)組，。如果“invert”為true，函數(shù)返回一個“callback”中返回false的所有元素組成的數(shù)組。
舉例：過濾出原始數(shù)組中值不為 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>
則結(jié)果為：
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
感謝閱讀，希望能幫助到大家，謝謝大家對本站的 支持！
相關(guān)文章
jquery使用ul模擬select實現(xiàn)表單美化的方法
這篇文章主要介紹了jquery使用ul模擬select實現(xiàn)表單美化的方法,涉及jquery鼠標事件及頁面元素樣式的相關(guān)操作技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-08-08
jQuery實現(xiàn)的類似淘寶網(wǎng)站搜索框樣式代碼分享
這篇文章主要介紹了類似淘寶網(wǎng)站搜索框樣式實現(xiàn)代碼，推薦給大家，有需要的小伙伴可以參考下。2015-08-08
這篇文章主要介紹了基于jQuery實現(xiàn)歌詞滾動版音樂播放器的代碼,代碼簡單易懂，非常不錯，具有參考借鑒價值，需要的朋友可以參考下2016-09-09
本文給大家介紹的是如何使用jquery 改寫Alert彈出框樣式，十分的實用，這里推薦給大家，有需要的小伙伴可以參考下。2015-04-04
使用jquery的ajax需要注意的地方dataType的設置
沒有設置dataType:'json',就出現(xiàn)無法解析返回的data數(shù)據(jù)，會把data當作字符串處理，而不是json對象，記得以前是不用設dataType的，很奇怪，不知道是不是跟jquery版本有關(guān)系2013-08-08
功能強大的 jquery 表單驗證插件，適用于日常的 E-mail、電話號碼、網(wǎng)址等驗證及 Ajax 驗證，除自身擁有豐富的驗證規(guī)則外，還可以添加自定義的驗證規(guī)則。兼容 IE 6+, Chrome, Firefox, Safari, Opera 10+2015-04-04
這篇文章主要為大家詳細介紹了Jquery組件easyUi實現(xiàn)選項卡切換示例，具有一定的參考價值，感興趣的小伙伴們可以參考一下2016-08-08
今天小編就為大家分享一篇關(guān)于jquery層次選擇器的介紹，小編覺得內(nèi)容挺不錯的，現(xiàn)在分享給大家，具有很好的參考價值，需要的朋友一起跟隨小編來看看吧2019-01-01
基于json的jquery地區(qū)聯(lián)動效果代碼
貼一個基于jquery聯(lián)動的代碼，相信這樣的代碼有一大把，就當是jquery的練手吧2011-07-07
jQuery實現(xiàn)高度靈活的表單驗證功能示例【無UI】
這篇文章主要介紹了jQuery實現(xiàn)高度靈活的表單驗證功能,涉及jQuery正則判斷與頁面元素動態(tài)操作相關(guān)使用技巧,需要的朋友可以參考下2020-04-04