jQuery學習 第四期
篩選數組元素 只顯示所需的數據
完成這個問題我們先要引入jquery中的兩個方法 grep()方法 和 match()方法 以及 一些簡單的正則表達式
-----------------------------------------------------------------------------------------------
grep() 方法 對數組元素進行篩選 這個方法分析數組的所有元素 . 這個方法分析數組的所有元素,為每個元素分別執行回調函數 . grep(array,callback,bollean)是grep()方法的語法.
我們先使用grep()方法 來進行篩選.下面給出使用grep()方法的代碼
<!DOCTYPE HTML>n<html>n<head>n <script src="jquery-3.2.1.min.js"></script>n <script>n $(document).ready(function(){n var members = ["john","Steve","Gao","Ding","PENGk"];n $(p.allmem).html(members.join("<br/>"));n members = $.grep(members,function(v){return v.length>4;});n $(p.selected).html(members.join("<br/>"));n });n </script>n</head>n<body>n <h3>members of my group are</h3>n <p class = "allmem"></p>n <h3>Names with more than 4 characters in length are</h3>n <p class = "selected"></p>n</body>n</html>n
這裡再進一步解釋一下 grep()方法的第三個參數 即 Boolean 數
如果 Boolean 數為false 則 沒有任何效果
如果 Boolean 數為true 則 倒序執行回調函數
-----------------------------------------------------------------------------------------------
match()方法
我們將使用 match()方法 以及 正則表達式 來進行篩選 目標是 只顯示字母A~D 為開頭元素的內容 當然在這種處理方式下 我們仍要是用grep()方法這個方法中我們使用match()方法 來定義正則表達式 match()是一個string類的一個方法 擁有與決定指定的字元串是否匹配指定的正則表達式.
我們要更改的地方為 回調函數
將其改為 return v.match(/^[A-D]/);
推薦閱讀：
※jquery獲取不到動態載入的dom元素是一種什麼樣的體驗？
※新手如何學習 jQuery？
※有 C/C++ 的基礎，可以直接學習 jQuery 嗎？
※如何學習jQuery？
TAG:jQuery |