javascript - js 写一个正则 提取文本中的数据

问题描述

我有这样的一个文本：

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

效果：

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

在线体验