js 实际应用中如何将后台返回字符串中的URL链接与文字进行提取拼接组合,文字做展示，URL做跳转

首先第一步

js用正则表达式获取字符串中URL链接

  let str = '亲，为您找到车次信息 a(http://touch.qunar.com/trainDetail.jsp?searchType=number&startstation=&endstation=&number=1111    )[请点击查看...]'
//
function httpString(s) {
  var reg = /(http:\/\/|https:\/\/)((\w|=|\?|\.|\/|&|-)+)/g;
  var reg= /(https?|http|ftp|file):\/\/[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/g;
  s = s.match(reg);
  return(s)
}
console.log(httpString(str)[0])
// http://touch.qunar.com/trainDetail.jsp?searchType=number&startstation=&endstation=&number=1111

第二步

js正则表达式提取字符串中的中文

function nameString(str) {
  var reg = /[\u4e00-\u9fa5]/g;
  var names = str.match(reg);
  return names.join("")
}
console.log(nameString(str))
// 亲为您找到车次信息请点击查看

此时到这已经完成一大步了，但是因为我想到的样子如下图请点击查看是一个a标签的链接，所以我想到的是把这几个字先去除掉在a标签里面写入这几个字就OK了

在第二步的基础上进行一个修改

function nameString(str) {
  var reg = /[\u4e00-\u9fa5]/g;
  var names = str.match(reg);
  let name = names.join("").replace('请点击查看','')
  return name
}
console.log(nameString(str))
// 亲为您找到车次信息

此时就大功告成了…
最后

<div>{{content}}<a target="_blank"  :href="Url">请点击查看...</a></div>
// content 代表：亲为您找到车次信息
// Url: 代表 http://touch.qunar.com/trainDetail.jsp?searchType=number&startstation=&endstation=&number=1111
// 注 我这用的是vue的写法

最后就完成了,这就是我个人的想法，大家有什么想法或者有什么问题欢迎留言