的Javascript .replace（）多次調用，有的用變量，有的用純文本

Question

代碼：

var csMasterPrefix = 'CS_', 
    cpMasterPrefix = 'CP_', 
    csContentPrefix = 'CSContent_', 
    cpContentPrefix = 'CPContent_'; 

/* ... */ 

$this.attr("id") 
    .replace(csMasterPrefix,'') 
    .replace(cpMasterPrefix,'') 
    .replace(csContentPrefix,'') 
    .replace(cpContentPrefix,'') 
    .replace('ibtn','') 
    .replace('btn','') 
    .replace('lbtn','') 
    .replace('img','') 
    .toLowerCase(); 

問：讓我先說，我看着那個說的解決方案前言做你自己的「乾淨」功能。我的問題真的不是如何做到這一點，而是我該如何製作ONE正則表達式會將所有替換調用合併爲一個？

Answer 1

使用RegExp，選擇運營商|和全局標誌g：

var to_replace = [csMasterPrefix, ..., 'ibtn', ...]; 
var id = $this.attr("id").replace(new RegExp(to_replace.join('|'), 'g'), ''); 

不知道這是否是最有效的解決方案，但它會奏效。

替代方法你可以循環使用to_replace並進行正常的字符串替換。