javascript - js writes a regular expression to extract data from text

Question

I have a text like this:

<p>sdsadsad</p><p><img src="/Edite/net/upload/image/20170701/6363450829304727881702482.jpg" title="ewe.jpg" alt="ewe.jpg"/><img src="/Edite/net/upload/image/20170701/6363450829304727881702483.jpg" title="ewe.jpg" alt="ewe.jpg"/></p>

Use js to write regular rules to extract part of the src value of all img tags in , and then use /@/# to extract the multiple values ​​ ##Splicing into a new string

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

Answer 1

var html = '<p>sdsadsad</p><p><img src="/Edite/net/upload/image/20170701/6363450829304727881702482.jpg" title="ewe.jpg" alt="ewe.jpg"/><img src="/Edite/net/upload/image/20170701/6363450829304727881702483.jpg" title="ewe.jpg" alt="ewe.jpg"/></p>';

var txt = html
    .match(/src="([^"]*?)"/g)
    .map(m => m.replace(/^src="\/Edite\/net\/upload\/image\/([^"]*)"$/, ''))
    .join('/@/');

console.log(txt);

Effect:

Answer 2

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

Online experience