js入门5-字符的查询与过滤 加上使用正则表达式

Posted 2020-09-21 两枝梅

<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="查找字符并过滤（使用正则表达式）" onclick="stringByRegex();"/>
 //使用正则表达式操作文本
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+"处");
}