如何把一段字符串中的有规律信息转为对象数组？

比如我有一个变量content,
里面是字符串：

<p><a href="http://www.baidu.com" target="_self"><img src="/wzomifiles/ftpfile/pic/2016/09/30/84e228e30f8d404ea7972eee988567e4.JPEG" title="84e228e30f8d404ea7972eee988567e4.JPEG"/></a></p><p><a href="http://www.tengxun.com" target="_self"><img src="/wzomifiles/ftpfile/pic/2016/09/30/a5acfc450c334584aee43e720c8274c1.JPEG" title="a5acfc450c334584aee43e720c8274c1.JPEG"/></a></p>

我想吧每个p标签(段落)里的href值，src值提取出来变成一个对象，如果有多个P标签，就把提取出的内容变成个对象数组，比如变成这样：

[{
href:"http://www.baidu.com",
src:"/wzomifiles/ftpfile/pic/2016/09/30/84e228e30f8d404ea7972eee988567e4.JPEG"
},{
href:"http://www.tengxun.com",
src:"/wzomifiles/ftpfile/pic/2016/09/30/84e228e30f8d404ea7972eee988567e1.JPEG"
}]

我该怎么写方法呢？新手求教，还没学习正则，规则看的有点晕，实在写不出来，能否给出以上需求的实例代码，非常感谢！

阅读 3.9k

function contentParse(str) { var sr = /<\/p><p>/; var arr = str.split(sr); var r = []; for (var i = 0; i < arr.length; i++) { r.push({ href: arr[i].match(/href="(.+?)"/)[1], src: arr[i].match(/src="(.+?)"/)[1] }); } return r; }

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <p> <a href="http://www.baidu.com" target="_self"> <img src="/wzomifiles/ftpfile/pic/2016/09/30/84e228e30f8d404ea7972eee988567e4.JPEG" title="84e228e30f8d404ea7972eee988567e4.JPEG"/> </a> </p> <p> <a href="http://www.tengxun.com" target="_self"> <img src="/wzomifiles/ftpfile/pic/2016/09/30/a5acfc450c334584aee43e720c8274c1.JPEG" title="a5acfc450c334584aee43e720c8274c1.JPEG"/> </a> </p> </body> <script> var arr=new Array(); var p=document.getElementsByTagName('p'); for(var i=0;i<p.length;i++){ arr[i]={}; var a=p[i].getElementsByTagName('a'); arr[i]['href']=a[0].href; for(var j=0;j<a.length;j++){ var img=a[j].getElementsByTagName('img') arr[i]['src']=img[0].src; } } console.log(arr); </script> </html>

如何把一段字符串中的有规律信息转为对象数组？

你尚未登录，登录后可以

js 如何将Key属性相同的放在同一个数组？

Next.js做纯前端是否可行？

如何实现一个深拷贝函数？

怎么获取动态弹出对话框的模拟单击？

git提交记录问题？

为什么在 JavaScript 中直接调用和用逻辑与调用方法结果不同？

如何在Next.js中使用Cloudflare的Server Actions？