JavaScript中使用正則匹配多條，且獲取每條中的分組數據
更新時間：2010年11月30日 22:35:28 作者：
該問題在使用Ajax遠程獲取某網頁數據時經常遇見 如果目標頁面是XML，就好辦了，實用XMLDOM可以很輕松完成任務。
不過我要面對的是一個很松散的HTML頁面，無法XML
因此，本文的重點在于如果要獲取的網頁中有Table或List段落，需要將這些段落的信息按照列的方式保存到JS的數組中
直接貼代碼：
var str = "字符串字符串<table><tr><th>ID</th><th>姓名</th><th>電話</th></tr><tr><td>01</td><td>張三</td><td>1234567</td></tr><tr><td>02</td><td>李四</td><td>343434</td></tr><tr><td>03</td><td>王五</td><td>685654</td></tr></table>字符串字符串";
var regRecord = new RegExp('\\<tr>\\<td>([0-9]{2})\\<\\/td\\>\\<td>([^\\<]+)\\<\\/td\\>\\<td>([0-9]+)\\<\\/td\\>\\<\\/tr\\>','g');
var fieldIndex = { 'Id' : 1 , 'Name' : 2 , 'Phone' : 3 }
var g_records = [],record;
while ((record = regRecord.exec(str)) != null){
g_records.push({
'Id' : RegExp["$"+fieldIndex.Id]
,'Name' : RegExp["$"+fieldIndex.Name]
,'Phone' : RegExp["$"+fieldIndex.Phone]
});
}
//此時 g_records 就保存了匹配的數據表格，打印出來看看：
for(var i=0;i<g_records.length;i++){
alert("ID:" + g_records[i].Id + ";Name:" + g_records[i].Name + ";Phone:" + g_records[i].Phone);
}
因此，本文的重點在于如果要獲取的網頁中有Table或List段落，需要將這些段落的信息按照列的方式保存到JS的數組中
直接貼代碼：
復制代碼 代碼如下:
var str = "字符串字符串<table><tr><th>ID</th><th>姓名</th><th>電話</th></tr><tr><td>01</td><td>張三</td><td>1234567</td></tr><tr><td>02</td><td>李四</td><td>343434</td></tr><tr><td>03</td><td>王五</td><td>685654</td></tr></table>字符串字符串";
var regRecord = new RegExp('\\<tr>\\<td>([0-9]{2})\\<\\/td\\>\\<td>([^\\<]+)\\<\\/td\\>\\<td>([0-9]+)\\<\\/td\\>\\<\\/tr\\>','g');
var fieldIndex = { 'Id' : 1 , 'Name' : 2 , 'Phone' : 3 }
var g_records = [],record;
while ((record = regRecord.exec(str)) != null){
g_records.push({
'Id' : RegExp["$"+fieldIndex.Id]
,'Name' : RegExp["$"+fieldIndex.Name]
,'Phone' : RegExp["$"+fieldIndex.Phone]
});
}
//此時 g_records 就保存了匹配的數據表格，打印出來看看：
for(var i=0;i<g_records.length;i++){
alert("ID:" + g_records[i].Id + ";Name:" + g_records[i].Name + ";Phone:" + g_records[i].Phone);
}
您可能感興趣的文章:
- JavaScript正則替換HTML標簽功能示例
- php正則去除網頁中所有的html,js,css,注釋的實現(xiàn)方法
- Java/Js下使用正則表達式匹配嵌套Html標簽
- javascript下一個還原h(huán)tml代碼的正則
- JS正則表達式獲取字符串中特定字符的方法
- javascript 獲取url參數的正則表達式(用來獲取某個參數值)
- 在JavaScript中獲取請求的URL參數[正則]
- Javascript 獲取鏈接(url)參數的方法[正則與截取字符串]
- node.js正則表達式獲取網頁中所有鏈接的代碼實例
- JS獲取網址中指定值的正則函數
- javascript 獲取鏈接文件地址中第一個斜線內的正則表達式
- javascript使用正則獲取url上的某個參數
- JS正則獲取HTML元素的方法
相關文章
這篇文章主要介紹了JS函數this的用法,實例分析了javascript中this的功能、定義及相關使用技巧,需要的朋友可以參考下2015-02-02
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)動態(tài)生成表格，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-08-08
最早接觸到\unnn之類的字符是在微軟的官網上。當時在網上找了一下這中字符格式，卻不知道該搜什么2011-10-10![我也種棵OO樹JXTree[js+css+xml]](http://img.jbzj.com/images/xgimg/bcimg3.png)
我也種棵OO樹JXTree[js+css+xml]...2007-04-04
Javascript 類型轉換、封閉函數及常見內置對象操作示例
這篇文章主要介紹了Javascript 類型轉換、封閉函數及常見內置對象操作,結合實例形式分析了JavaScript類型顯示轉換、隱式轉換、變量作用域、封閉函數及常用內置對象相關操作技巧,需要的朋友可以參考下2019-11-11
在 ThreeJs 中,動畫是創(chuàng)建動態(tài) 3D 場景的重要組成部分,本文將介紹如何使用 ThreeJs 實現(xiàn)基礎的動畫效果,需要的小伙伴可以參考一下2024-10-10
layUI使用layer.open,在content打開數據表格,獲取值并返回的方法
今天小編就為大家分享一篇layUI使用layer.open,在content打開數據表格,獲取值并返回的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
這篇文章主要為大家詳細介紹了three.js利用射線Raycaster進行碰撞檢測，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-03-03
這篇文章主要教大家如何簡單實現(xiàn)js菜單欄切換效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-03-03
document.open() 與 document.write()的區(qū)別
document.open() 與 document.write()的區(qū)別...2007-08-08