js replace替換字串，同時替換多個方法

.伊澤瑞爾發表於2018-11-26
JS字串
在實際開發中，經常會遇到替換字串的情況，但是大多數情況都是用replace替換一種字串，本文介紹瞭如何使用replace替換多種指定的字串，同時支援可擴充增加字串關鍵字。　　　
 
　　　　　　　　　let content = `<div id="article_content273475" class="article-content-wrap">

<p><strong>宅是一種信仰。</strong><br></p>
<p><br></p>
<p>Wi-Fi + 床 = 低配宅。</p>
<p><br></p>
<p>Wi-Fi + 床 + 零食 + 網綜= 進階版肥宅。</p>
<p><br></p>
<p>Wi-Fi + 床 + 零食 + 網綜 + 外賣 + 擼貓 = 人間天堂金不換宅。</p>
<p><br></p>
<p>移動網際網路迅猛發展的當下，“人間天堂金不換”版宅可以說是當下一些“9000歲”<span class=”text-remarks” label=”備註”>（即“90後”和“00後”）</span>年輕人的生活常態了。</p>

　　　　　        </div>`;

              let article = content.replace(/(<img|<p|<article|</article|<header|</header)/gi, function ($0, $1) {
              return {
                "<img": `<img style="width:100%;height:auto;display:block;" `,
                "<p": `<p style="text-indent: 24px;" `,
                "<article":"<div",
                "</article": "</div",
                "<header": "<div",
                "</header": "</div"
              }[$1];
            });
            console.log(article)
replace裡的g表示全域性替換，而每個關鍵詞前面的則為轉義字元，在針對html類的標籤替換的時候，是必不可少的。


相關文章