js入門5-字元的查詢與過濾 加上使用Regex

標籤：result   字元   log   分享   alt   onclick   replace   技術   length   

<h2>5.String對象：字元的尋找與過濾</h2>
            <input type="text" id="txtString"/><br/>
            <input type="button" value="過濾特殊字元（js）" onclick="searchStringAndReplace();"/>
    //尋找並替換文字框中錄入的自字串js為*
function searchStringAndReplace(){
    var str = document.getElementById("txtString").value;
    var index = str.indexOf("js",0);
    while(index>-1){
        str = str.replace("js","*");
        index = str.indexOf("js",index+1);
    }
    document.getElementById("txtString").value = str;
}

 

    <input type="button" value="尋找字元並過濾（使用Regex）" onclick="stringByRegex();"/>
 //使用Regex操作文本
function stringByRegex(){
    var str = document.getElementById("txtString").value;
    var result = str.match(/js/gi);
    document.getElementById("txtString").value = str.replace(/js/gi,"*");
    alert("共替換了"+result.length+"處");
}

 

js入門5-字元的查詢與過濾 加上使用Regex