javascript regex - jedes Spiel gegebener Ausdruck

Question

mit anderen String ersetzen habe ich eine Zeichenfolge einige HTML-Markup contaning, wie folgt aus:

var html = "<div> 
    <img src="http://test.com/image1.png" /> 
    <h1>SOME TEXT</h1> 
    <img src="http://text.com/image2.jpg" /> 
</div>"; 

ich alle URLs in src="..."

ersetzen wollen es in Ordnung ist, wenn i do html = html.replace(/[^-]src\=["|'](.*?)['|"]/g, "SOME_URL");
dann all src="..."src="SOME_URL"

worden Aber jetzt will ich jedes Spiel mit einer anderen Zeichenfolge ersetzen, von einem genommen n Array, aber ich habe Probleme damit.
Ich denke, ich muss eine Funktion für den Ersatz verwenden, aber nicht sicher, wie Sie es implementieren.
Etwas wie:
html = html.replace(/[^-]src\=["|'](.*?)['|"]/g, function ($0, $1){ //what do i do here??? });

Also, wenn ich habe:

var arr = []; 
arr['http://test.com/image1.jpg']='file1'; 
arr['http://test.com/test.jpg']='file3'; 

der String html von oben wird geworden:

"<div> 
    <img src="file1" /> 
    <h1>SOME TEXT</h1> 
    <img src="http://text.com/image2.jpg" /> 
</div>" 

Beachten Sie, dass ‚http://text.com /image2.jpg 'ist kein Schlüssel des Arrays, daher wird es nicht ersetzt.

Jede Hilfe geschätzt, danke im Voraus.

Answer 1

var html = '<div><img src="http://test.com/image1.jpg" />...</div>'; 

var arr = { 
'http://test.com/image1.jpg' : 'file1', 
'http://test.com/test.jpg' : 'file3' 
} 

html = html.replace(/[^-]src\=["|'](.*?)['|"]/g, function ($0, $1){ 
    return ' src="' + (arr[$1] || $1) + '"'; 
}); 

console.log(html) kehrt

"<div><img src="file1" /><h1>SOME TEXT</h1><img src="http://text.com/image2.jpg" /></div>" 

Answer 2

ich Regex in diesem Fall vergessen würde, wenn Sie ein Array mit allen URLs und ihre individuellen Ersatz in einem Objekt haben, warum etwas nicht tun:

for (i in replaceObj) 
{ 
    html = html.split(i).join(replaceObj[i]); 
} 

versuchte es in der Konsole:

html = '<div><img src="imgs/img.jpg"/></div>'; 
replaceObj = {}; 
replaceObj['imgs/img.jpg'] = 'file'; 
for(i in test){html = html.split(i).join(replaceObj[i])}; 

Ausgabe: <div><img src="file"/></div>. Sie könnten auf und concat teilen. das gleiche, wenn man sich an die Seite der Sicherheit stellt ... aber unterm Strich: Mach es einfach, wann immer du kannst