字符串分割img标签和其他内容

言只石皮

已于 2023-02-17 14:33:40 修改

阅读量183

点赞数

文章标签： javascript 前端 vue.js

于 2023-02-17 13:58:33 首次发布

本文链接：https://blog.csdn.net/webtext/article/details/129085876

版权

该代码段展示了如何使用JavaScript处理包含标签的字符串。它首先定义了一个空数组和一个包含标签的字符串，然后使用正则表达式匹配所有的标签，并将字符串分割。接着，遍历结果，将非标签的部分存入数组，并移除标签。最后过滤数组，保留有效内容。

摘要由CSDN通过智能技术生成

 let arr = []
      let str ='123123< img>12313< img>123'
      let imgReg = /< img.*?(?:>|\/>)/gi //匹配图片中的img标签
      let imgARr=str.match(imgReg)
      str.split(imgReg).map((item,index)=>{
        if(index!=0&&arr.length>0){
          arr.push(imgARr[0])
          imgARr.shift()
        }
   		arr.push(item)
      })
      arr = arr.filter(item=> item)