javascript - js 寫一個正則 提取文本中的數據
問題描述
我有這樣的一個文本：
<p>sdsadsad</p><p><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>
用js 寫正則提取里面所有的img標簽的src值的一部分,然后將提取到的多個值用/@/拼接成一個新的字符串
20170701/6363450829304727881702482.jpg/@/20170701/6363450829304727881702483.jpg
問題解答
回答1：var html = ’<p>sdsadsad</p><p><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>’;var txt = html .match(/src='http://www.intensediesel.com/wenda/([^']*?)'/g) .map(m => m.replace(/^src='http://www.intensediesel.com/Edite/net/upload/image/([^']*)'$/, ’$1’)) .join(’/@/’);console.log(txt);
效果：
const html = `<p>sdsadsad</p><p><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.intensediesel.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>`;console.log(html.match(/src='http://www.intensediesel.com/wenda/([^']*?)'/g).map(m => m.replace(’src='http://www.intensediesel.com/Edite/net/upload/image/’, ’’).replace(/'/g, ’’)).join(’/@/’))
在線體驗
相關文章：
1. python - django models 為生成的html元素添加樣式。2. css - chrome下a標簽嵌套img 顯示會多個小箭頭?3. javascript - 有什么比較好的網頁版shell前端組件？4. javascript - vscode alt+shift+f 格式化js代碼，通不過eslint的代碼風格檢查怎么辦。。。5. sql語句 - mysql中關聯表查詢問題6. javascript - 如何將一個div始終固定在某個位置；無論屏幕和分辨率怎么變化；div位置始終不變7. mysql updtae追加數據sql語句8. javascript - 原生canvas中如何獲取到觸摸事件的canvas內坐標?9. html - vue項目中用到了elementUI問題10. javascript - iframe 為什么加載網頁的時候滾動條這樣顯示？
網公網安備