javascript - js 寫一個(gè)正則 提取文本中的數(shù)據(jù)
問(wèn)題描述
我有這樣的一個(gè)文本:
<p>sdsadsad</p><p><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>
用js 寫正則提取里面所有的img標(biāo)簽的src值的一部分,然后將提取到的多個(gè)值用/@/拼接成一個(gè)新的字符串
20170701/6363450829304727881702482.jpg/@/20170701/6363450829304727881702483.jpg
問(wèn)題解答
回答1:var html = ’<p>sdsadsad</p><p><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>’;var txt = html .match(/src='http://m.baoyu77737.com/wenda/([^']*?)'/g) .map(m => m.replace(/^src='http://m.baoyu77737.com/Edite/net/upload/image/([^']*)'$/, ’$1’)) .join(’/@/’);console.log(txt);
效果:
const html = `<p>sdsadsad</p><p><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://m.baoyu77737.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>`;console.log(html.match(/src='http://m.baoyu77737.com/wenda/([^']*?)'/g).map(m => m.replace(’src='http://m.baoyu77737.com/Edite/net/upload/image/’, ’’).replace(/'/g, ’’)).join(’/@/’))
在線體驗(yàn)
相關(guān)文章:
1. docker images顯示的鏡像過(guò)多,狗眼被亮瞎了,怎么辦?2. Java:密碼包(加密和解密)。無(wú)效的密鑰錯(cuò)誤3. css - 微信小程序點(diǎn)擊展開(kāi),再次點(diǎn)擊收回4. 點(diǎn)擊頁(yè)面就自動(dòng)輸入到mysql.求解5. macos - mac下docker如何設(shè)置代理6. css - vue.js的vue單文件組件style中的scoped屬性無(wú)效7. angular.js - 在ng-option 里使用過(guò)濾器無(wú)效8. node.js - 求問(wèn)nw.js開(kāi)發(fā)桌面版,其js計(jì)算性能如何?9. 我在centos容器里安裝docker,也就是在容器里安裝容器,報(bào)錯(cuò)了?10. thinkphp5.1學(xué)習(xí)時(shí)遇到session問(wèn)題
