원생 js replace 실현 방법

오늘 은 js 의 replace 방법 이 어떻게 실현 되 었 느 냐 는 질문 을 받 고 js 매 뉴 얼 에 있 는 String 대상 의 소개 replace 를 시험 해 보 았 습 니 다.

 string.replace(regexp, replacement)

첫 번 째 인자: (regexp)
바 꿀 모드 의 RegExp 대상 을 밝 혔 습 니 다.이 매개 변수 가 문자열 이 라면 RegExp 대상 이 아 닌 검색 할 직접 텍스트 모드 로 사용 합 니 다.
두 번 째 인자 (replacement)
텍스트 를 바 꾸 거나 텍스트 를 바 꾸 는 함 수 를 만 드 는 문자열 입 니 다.상세 한 것 은 설명 부분 을 보십시오.
반환 값
regexp 의 첫 번 째 일치 나 모든 일치 하 는 문자열 을 replacemenc 로 바 꾼 다음 에 얻 은 새로운 문자열 입 니 다.
저 는 다음 에 생각 하 는 것 을 실현 하려 고 했 습 니 다. 정칙 을 고려 하지 않 고 많은 문제 가 있 었 습 니 다. 수 정 된 생각 을 통 해
정규 exec () 를 사 용 했 습 니 다. split 로 일치 하 는 문자열 을 매개 변수 로 원 문자열 을 여러 배열 로 나 눈 다음 문자열 과 교 체 된 내용 을 join 에 연결 하면 됩 니 다.
exec () 는 문자열 string 을 검색 하여 정규 표현 식 regexp 와 일치 하 는 텍스트 를 얻 습 니 다.exec () 가 일치 하 는 텍스트 를 찾 으 면 결과 배열 을 되 돌려 줍 니 다.그렇지 않 으 면 null 로 돌아 갑 니 다.
일치 하 는 첫 번 째 배열 [0]: 일치 하 는 텍스트,
두 번 째 요 소 는 regexp 의 두 번 째 키 표현 식 과 일치 하 는 텍스트 로 유추 합 니 다.일반적으로 배열 의 length 속성 은 배열 의 요소 갯 수 를 설명 합 니 다.배열 요소 와 length 속성 을 제외 하고 exec () 는 두 개의 속성 을 되 돌려 줍 니 다.index 속성 은 텍스트 와 일치 하 는 첫 번 째 문자 의 위 치 를 설명 합 니 다.input 속성 은 string 을 말 합 니 다.전역 RegExp 대상 이 아 닌 exec () 방법 을 호출 할 때 되 돌아 오 는 배열 은 호출 방법 String. match () 와 같 습 니 다.

String.prototype.replaces=function(reg,str){
    var arr = [];
    var newStr= this;
    var i= '';
    //                
    while(reg.exec(newStr)!='null') {
        /**  try，catch            !=null   
         reg.exec(newStr)[0]   ，         return  **/
        try{
            arr = newStr.split(reg.exec(newStr)[0]);
            newStr = arr.join(str);
            //             （/g）            
            if(!reg.global){
                return newStr;
            }
        }catch(e){
            return newStr;
        }
        
    }
    
} 

console.log("  AbCd abcd abcd".replaces(/abcd/gi,'lipengpeng'))

----------------------------------------------------

    ，           ：
          （/g） ，       ，         ，
   reg.exec(newStr) ，        ，         

    ：
String.prototype.replaces=function(reg,str){
    var arr = [];
    var newStr= this;
    var i= '';
    var d;
    //    reg.exec()       ，        
    //     d=reg.exec()   ， “=”     
    while((d = reg.exec(newStr))!=null) {
        try{
            arr = newStr.split(d[0]);
            newStr = arr.join(str);
            if(reg.global){
                return newStr;
            }else{
                break;
            }
        }catch(e){
            console.log(e)
        }
        
    }
    
}

분할 선
이상 코드 를 계속 테스트 한 결과 대소 문자 (/ i) 를 구분 하지 않 고 전역 매 칭 을 열지 않 으 면 전역 교체 가 됩 니 다.전역 코드 가 아 닌 것 을 추가 합 니 다. 전역 이나 전역 에 대소 문 자 를 쓰 지 않 아 도 됩 니 다. (정규 처리 되 었 습 니 다) 최종 코드:

    String.prototype.replaces = function(reg, str) {
        var arr = [];
        var newStr = this;
        var i = '';
        var d;
        while((d = reg.exec(newStr)) != null) {
            //debugger
            try {
                //console.log(d)
                if(reg.global) {
                    arr = newStr.split(d[0]);
                    newStr = arr.join(str);
                } else {
                    
                    var index = d['index'];
                    var lastindex = (+index) + (+d[0].length);
                    var preStr = newStr.slice(0, index);
                    var nextStr = newStr.slice(lastindex);
                    newStr = preStr + str + nextStr;
                    break;

                }

            } catch(e) {
                console.log(e)
            }

        }
        return newStr

    }

    var s = "  A,c,a,cc,c,c,cc,a".replaces(/a/ig, 'b')
    console.log(s)