html 字符串匹配,字符串中解析匹配Html标签问题

自己给出完整的答案

let str = 'aaaaaaaaaaaa\n' +

'\n' +

'bbbbbbbbbbbbb\n' +

'\n' +

'cccccccccccccc'

/* 方式1 */

// 匹配图片(g表示匹配所有结果i表示区分大小写)

let imgReg = /|\/>)/gi

// 匹配src属性

let nameReg = /name=['"]?([^'"]*)['"]?/i

let arr = str.match(imgReg)

// console.log('所有已成功匹配图片的数组：' + arr)

for (let i = 0; i < arr.length; i++) {

// console.log(arr[i])

let names = arr[i].match(nameReg)

// 获取图片地址

if (names && names[1]) {

// console.log('已匹配的图片地址' + (i + 1) + '：' + names[1])

str = str.replace(arr[i], names[1])

}

}

console.log(str)

/* 方式2 */

let newStr = str.replace(//mg, s => {

let matchs = s.match(/\(?<=name.*?=.*?\)('|").*?\1/)

return matchs ? matchs[0].slice(1, -1) : ''

})

console.log(newStr)