javascript - js 寫一個正則 提取文本中的數據

問題描述

我有這樣的一個文本：

<p>sdsadsad</p><p><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>

用js 寫正則提取里面所有的img標簽的src值的一部分,然后將提取到的多個值用/@/拼接成一個新的字符串

20170701/6363450829304727881702482.jpg/@/20170701/6363450829304727881702483.jpg

問題解答

var html = ’<p>sdsadsad</p><p><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>’;var txt = html .match(/src='http://www.wxshucaidpc.com/wenda/([^']*?)'/g) .map(m => m.replace(/^src='http://www.wxshucaidpc.com/Edite/net/upload/image/([^']*)'$/, ’$1’)) .join(’/@/’);console.log(txt);

效果：

const html = `<p>sdsadsad</p><p><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702482.jpg' alt='ewe.jpg'/><img src='http://www.wxshucaidpc.com/Edite/net/upload/image/20170701/6363450829304727881702483.jpg' alt='ewe.jpg'/></p>`;console.log(html.match(/src='http://www.wxshucaidpc.com/wenda/([^']*?)'/g).map(m => m.replace(’src='http://www.wxshucaidpc.com/Edite/net/upload/image/’, ’’).replace(/'/g, ’’)).join(’/@/’))

在線體驗