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

原创已于 2023-02-17 14:33:40 修改 · 288 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #前端 #vue.js

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

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

 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)