JavaScript的正則表達式 - 用不同的字符串

Question

取代定表達式的每場比賽我有一個字符串contaning一些HTML標記，像這樣：

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

我想更換內部src="..."

所有URL這是確定的，如果我做html = html.replace(/[^-]src\=["|'](.*?)['|"]/g, "SOME_URL");
那麼所有src="..."成爲src="SOME_URL"

但現在我想替換每個匹配不同的字符串，從拍攝n陣列，但我遇到了麻煩。
我想我必須使用一個函數進行替換，但不知道如何實現它。
喜歡的東西：
html = html.replace(/[^-]src\=["|'](.*?)['|"]/g, function ($0, $1){ //what do i do here??? });

所以，如果我有：

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

從上面的HTML字符串將成爲：

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

注意「http://text.com /image2.jpg'不是數組的關鍵字，所以它不會被替換。

任何幫助表示感謝，提前。

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)回報

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

Answer 2

我關於正則表達式忘記在這種情況下，如果你有一個包含對象中的所有URL及其各自更換一個數組，爲什麼不這樣做：

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

試圖在控制檯：

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])}; 

輸出：<div><img src="file"/></div>。你可以拆分src="'+i'"'和concat。加入時一樣安全......但底線：保持簡單，只要你可以