JavaScript中使用正则匹配多条,且获取每条中的分组数据

简介: 该问题在使用Ajax远程获取某网页数据时经常遇见 如果目标页面是XML,就好办了,实用XMLDOM可以很轻松完成任务。 不过我要面对的是一个很松散的HTML页面,无法XML 因此,本文的重点在于如果要获取的网页中有Table或List段落,需要将这些段落的信息按照列的方式保存到JS的数组中 ...

该问题在使用Ajax远程获取某网页数据时经常遇见

如果目标页面是XML,就好办了,实用XMLDOM可以很轻松完成任务。

不过我要面对的是一个很松散的HTML页面,无法XML

因此,本文的重点在于如果要获取的网页中有Table或List段落,需要将这些段落的信息按照列的方式保存到JS的数组中

直接贴代码:

 

 

 1  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>字符串字符串 " ;   
 2    var  regRecord  =   new  RegExp( ' \\<tr>\\<td>([0-9]{2})\\<\\/td\\>\\<td>([^\\<]+)\\<\\/td\\>\\<td>([0-9]+)\\<\\/td\\>\\<\\/tr\\> ' , ' g ' );   
 3    
 4    var  fieldIndex  =  {  ' Id '  :  1  ,  ' Name '  :  2  ,  ' Phone '  :  3  }   
 5    
 6    var  g_records  =  [],record;   
 7    while  ((record  =  regRecord.exec(str))  !=   null ){   
 8      g_records.push({   
 9           ' Id '  : RegExp[ " $ " + fieldIndex.Id]   
10          , ' Name '  : RegExp[ " $ " + fieldIndex.Name]   
11          , ' Phone '  : RegExp[ " $ " + fieldIndex.Phone]   
12      });   
13  }   
14  // 此时 g_records 就保存了匹配的数据表格,打印出来看看:   
15  for ( var  i = 0 ;i < g_records.length;i ++ ){   
16      alert( " ID: "   +  g_records[i].Id  +   " ;Name: "   +  g_records[i].Name  +   " ;Phone: "   +  g_records[i].Phone);   
17  }  

 

 


宠辱不惊,看庭前花开花落;去留无意,望天上云卷云舒
目录
相关文章
|
1月前
|
JSON JavaScript 前端开发
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
解决js中Long类型数据在请求与响应过程精度丢失问题(springboot项目中)
33 0
|
1月前
|
JavaScript 前端开发
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
JavaScript随手笔记 --- 对数据进行判断最大位数是否超过八位
|
2月前
|
存储 前端开发 JavaScript
JavaScript 中的 BLOB 数据结构的使用介绍
JavaScript 中的 BLOB 数据结构的使用介绍
57 1
|
11天前
|
JavaScript 前端开发
EasyUi js 加载数据表格DataGrid
EasyUi js 加载数据表格DataGrid
|
1月前
|
JSON JavaScript 前端开发
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
JavaScript随手笔记---数组中相同的元素进行分组(数据聚合) groupBy函数
|
1月前
|
JavaScript 前端开发
JavaScript的正则解读
JavaScript的正则解读
|
2月前
|
JavaScript
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
什么是Vue.js的响应式系统(reactivity system)?如何实现数据的双向绑定?
18 0
|
2月前
|
JavaScript
JS逆向 -- HOOK关键数据
JS逆向 -- HOOK关键数据
18 0
|
2月前
|
JavaScript 前端开发
【JavaScript精通之道】掌握数据遍历:解锁现代化遍历方法,提升开发效率!
在JavaScript开发中,经常需要对数组、对象等数据结构进行遍历操作。为了提高开发效率,JavaScript提供了多种灵活的遍历方法。本文将介绍JavaScript中常用的数据结构遍历方法,助你更好地操作数据。
|
2月前
|
JavaScript 前端开发 开发者
深入理解前端框架Vue.js的数据响应式原理
本文将深入探讨Vue.js前端框架中的数据响应式原理,包括双向绑定、依赖追踪和虚拟DOM等核心概念。通过详细解析Vue.js内部实现机制,读者能够更好地理解其工作原理,并在实际开发中更灵活地运用。