모든 항목을 정규식으로 일치시키고 문자열로 색인을 가져옵니다.

Question

대화식 양식을 만들 때 사용자가 제출 한 정규식을 파싱하고 각 정규식에서 일치하는 항목을 찾아 색인을 가져와야합니다 (캡처 그룹이 시작되는 곳).)를 사용하여 원래 문자열을 수정하십시오 (예 : 캡처 주위에 <strong> 태그를 추가한다고 가정 해보십시오).
결국 ip:(.+);port:(\d+)을 ip:<strong>(.+)</strong>;port:<strong>(\d+)</strong>으로 수정할 수 있기를 바랍니다.

// Called somewhere after user entered every regex he wants 
$('input.regex').each(function() { 
    pattern = $(this).val(); // for non jQuery guys: just returns the content of the input 
    captures = pattern.match(/(\([^\(\)]+\))/g); 
    for(idx in captures) { 
     console.log(captures[idx]); 
    } 
}); 

이 모든 캡처 그룹을 찾을 날 (하위 그룹을 입력 할 수있는 사용자를 인정 반환 ... 그래 이미 약간의 두통을 줄 수있는 정규식 :

은 현재 내가 코드의이 작은 조각이 - ip:(.+);port:(\d+)에

• , 밖으로 출력 (.+) 및 ip:(?P<sourceip>[\d\.]);port:(\d{2,5})에 (\d+)
• : 나는 몇 가지 예에서 실행하는 경우)) 나는 순간 원하는 것을 얻을 수 덧붙여서 (?P<sourceip>[\d\.])과 (\d{2,5})

이제 각 캡처의 시작 인덱스를 얻는 것이 좋습니다. 나는 indexOf가 있다는 것을 알고 있지만 여러 번 같은 포획을 할 수 있습니다. 예를 들어

• id1:(\d+);id2:(\d+) 현재 (\d+)(\d+) 및 출력한다. [{'match': '(\d+)', 'index': 4}, {'match': '(\d+)', 'index': 14}] : ... 첫 번째 인덱스하지만 두 번째를 쉽게 얻을 수

이 유사한 구조를 얻을 가능성이 있습니까? 일부 문자열 조작으로이 작업을 수행 할 수 있지만 더 단순한 (그리고 더 깨끗한) 방법이 있는지 알고 싶습니다.

Answer 1

이 경우 RexExp.exec()를 사용합니다. RexExp에서 작동하고 문자열과 일치하지만 가장 중요한 것은 각 일치 항목의 배열을 반환합니다.이 배열은 이와 같이 반복 될 수 있습니다.

var match; //Match object. 
var matches = []; //Matches return, Array filled with match records. 

var regex = "..."; //Current Regex. 
var string = "..."; //Current String. 

while((match = regex.exec(string)) !== null){ 
    var matchRecord = {}; 
    matchRecord.match = regex; 
    matchRecord.index = match.index; //Might want to increment by 1 to make Human Readable? 
    matches.push(matchRecord); 
} 

참고 : 여기 regexp.exec에 대한 자세한 정보 :