javascript – js schreibt einen regulären Ausdruck, um Daten aus Text zu extrahieren

Question

Ich habe einen Text wie diesen:

<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>

Verwenden Sie js, um Regex zu schreiben, um einen Teil des src-Werts aller IMG-Tags in zu extrahieren, und verwenden Sie dann , um die mehreren extrahierten Werte /@/ in eine neue Zeichenfolge zusammenzufügen

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\/([^"]*)"$/, '$1'))
    .join('/@/');

console.log(txt);

效果：

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('/@/'))

在线体验