javascript - js 寫一個(gè)正則 提取文本中的數(shù)據(jù)
問題描述
我有這樣的一個(gè)文本：
<p>sdsadsad</p><p><img src='http://www.gepszalag.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.gepszalag.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
問題解答
回答1：var html = ’<p>sdsadsad</p><p><img src='http://www.gepszalag.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.gepszalag.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>’;var txt = html .match(/src='http://www.gepszalag.com/wenda/([^']*?)'/g) .map(m => m.replace(/^src='http://www.gepszalag.com/Edite/net/upload/image/([^']*)'$/, ’$1’)) .join(’/@/’);console.log(txt);
效果：
const html = `<p>sdsadsad</p><p><img src='http://www.gepszalag.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.gepszalag.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>`;console.log(html.match(/src='http://www.gepszalag.com/wenda/([^']*?)'/g).map(m => m.replace(’src='http://www.gepszalag.com/Edite/net/upload/image/’, ’’).replace(/'/g, ’’)).join(’/@/’))
在線體驗(yàn)
相關(guān)文章：
1. 怎樣使留言的數(shù)據(jù)與登錄的用戶名，密碼保持一致（在數(shù)據(jù)庫(kù)上是一行的）。2. java - 輸出4個(gè)不相等整數(shù)之間所有任意三個(gè)整數(shù)的乘積3. javascript - 一排三個(gè)框，各個(gè)框的間距是15px,距離外面的白框間距也是15px，這個(gè)css怎么寫？4. javascript - jqery 適應(yīng)輪播，哪位前輩可以幫助小弟按照下面圖片寫一個(gè)大概例子，小弟在此跪謝！5. css3 - rem布局下，用戶瀏覽器的最小字號(hào)是12px怎么辦？6. css如何實(shí)現(xiàn)兩欄布局，左邊固定寬度，右邊寬度自適應(yīng)，且高度和瀏覽器當(dāng)前高度一致？7. css3 - CSSComb for Sublime Text 在 Windows 下無(wú)法使用。8. javascript - nodejs中使用request庫(kù)怎么抓取網(wǎng)頁(yè)中的圖片9. mysql money 插入數(shù)據(jù)為什么報(bào)錯(cuò)？10. angular.js - 百度爬蟲如何處理“#”符號(hào)？
網(wǎng)公網(wǎng)安備