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,注释的实现方法
- Java/Js下使用正则表达式匹配嵌套Html标签
- javascript下一个还原html代码的正则
- JS正则表达式获取字符串中特定字符的方法
- javascript 获取url参数的正则表达式(用来获取某个参数值)
- 在JavaScript中获取请求的URL参数[正则]
- Javascript 获取链接(url)参数的方法[正则与截取字符串]
- node.js正则表达式获取网页中所有链接的代码实例
- JS获取网址中指定值的正则函数
- javascript 获取链接文件地址中第一个斜线内的正则表达式
- javascript使用正则获取url上的某个参数
- JS正则获取HTML元素的方法
相关文章
这篇文章主要介绍了JavaScript this绑定过程,结合实例形式深入分析了JavaScript中this关键字的功能、原理、绑定方式及相关操作注意事项,需要的朋友可以参考下2018-12-12
这篇文章主要介绍了ES6学习笔记之正则表达式和字符串正则方法,结合实例形式对比分析了ES5与ES6正则操作的常用函数功能与用法区别,需要的朋友可以参考下2017-04-04
layui 框架的upload上传文件的data参数传到后端的方法
这篇文章主要介绍了layui框架的upload上传文件的data参数传到后端的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2023-11-11
这篇文章主要介绍了JavaScript中提前声明变量或函数的例子,本文介绍的可以说是一种小技巧或者说一种特性,需要的朋友可以参考下2014-11-11
JavaScript实现横线提示输入验证码随输入验证码输入消失的方法
这篇文章主要介绍了JavaScript实现横线提示输入验证码随输入验证码输入消失的方法，非常实用，在微信开发中经常会用到，需要的朋友可以参考下2016-09-09
详解JS截取字符串的三个方法substring,substr,slice
js中有三个截取字符的方法，分别是substring()、substr()、slice()，平时我们可能都用到过，但总是会对这些方法有点混淆。本文将详细介绍一下这三者的区别，需要的可以参考一下2022-03-03
Ajax 文件上传进度监听之upload.onprogress案例详解
这篇文章主要介绍了Ajax 文件上传进度监听之upload.onprogress案例详解,本篇文章通过简要的案例,讲解了该项技术的了解与使用,以下就是详细内容,需要的朋友可以参考下2021-09-09
JS获取DropDownList的value值与text值的示例代码
本篇文章主要是对JS获取DropDownList的value值与text值的示例代码进行了介绍，需要的朋友可以过来参考下，希望对大家有所帮助2014-01-01
日常开发中,我们经常需要编写大量的js代码,下面这篇文章主要给大家介绍了关于JavaScript开发的七个实用小技巧,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2022-04-04
本文给大家汇总介绍了3种javascript数组去重的方法以及示例，十分的简单实用，有需要的小伙伴可以参考下。2015-07-07
最新评论