关于首尾匹配的问题

来源:3-39 String对象中与正则相关的方法之search,match和split

Leonard_

2019-07-10 16:16:04

<script>

     var str='<p><font size="5"><u><b>wsdfghjk</b></u></font></p >↵<p>< img class="wscnph" src="https://mall/images/product/productDetail/298cb70e-0346-4371-a514-84c127756b87.png" />< img class="wscnph" src="https://mall/images/product/productDetail/cb3984a5-2aed-4bee-a8de-d0e58fc65c71.png" />< img class="wscnph" src="https://mall/images/product/productDetail/5cae70c5-b4f4-470d-b5f3-01cfaf4b95df.png" />< img class="wscnph" src="https://mall/images/product/productDetail/3daa4af6-2893-4242-9643-8243a7bdc782.png" />< img class="wscnph" src="https://mall/images/product/productDetail/0b90e77b-6489-473b-8c59-ee667cf96e2c.png" />< img class="wscnph" src="https://mall/images/product/productDetail/3ea00538-ff6c-477a-9426-95050235c120.png" /></p >',

     p=/^https$/g;

     console.log(str.match(p))

   </script>

老师有两个问题,1为啥https添加了首尾匹配结果是null,不用首尾匹配就可以正常获取

2,我想获取整个富文本(文本和图片rul)的正则应该怎么写?

写回答

1回答

好帮手慕慕子

2019-07-10

同学你好,

  1. 添加首尾匹配表示必须以“https”开头和结尾, 所以这里匹配不到字符串中的https.。

    老师这里给你举个对比例子帮助理解, 示例:

    http://img.mukewang.com/climg/5d25b8ba000148db17320422.jpg

    打印结果

    http://img.mukewang.com/climg/5d25b8c90001062c02560100.jpg

  2. 如果想要匹配文本图片url可以观察一下需要匹配的内容有什么特别的地方, 然后编写对应的正则。

    目前有一些方法同学可能还没有学习,不太理解, 老师先给同学举个例子, 让同学感受一下, 是可以这样实现的, 目前阶段,同学了解即可哦。 示例:

    http://img.mukewang.com/climg/5d25be9a0001e1de17940801.jpg

    打印结果:

    http://img.mukewang.com/climg/5d25bee800014e8215790443.jpg

由于不是很清楚同学具体想要实现什么样的效果, 老师这里只是简单给同学举了一个示例, 如果不是指这里, 可以详细的描述一下指的是哪里, 再次提问, 我们会继续为你解答的

如果帮助到了你, 欢迎采纳!

祝学习愉快~~~

0

0 学习 · 14456 问题

查看课程