자바스크립트 정규식을 크롬 검증 모드에서 확인

목적


  • 정규식 확인을 크롬 검증 모드로 만드는 방법 요약

  • 전제 정보


  • Mac에서 확인 방법 요약

  • 방법


  • 크롬을 시작합니다.
  • "Command"+ "Option"+ "I"또는 "F12"를 누릅니다.

  • 다음과 같이 검증 모드가 기동된다.



  • Console을 클릭합니다.



  • "htps : // 코 m / 미리은 필자의 Qiita의 홈입니다"라는 문자열의 "https://qiita.com/miriwo」를 히트시키고 싶을 때의 정규 표현을 확인하고 싶을 때는 콘솔에 아래와 같이 기재한다. .exec() 메소드의 공식 문서의 링크는 이쪽→[http://js.studio-kingdom.com/javascript/regexp/exec](http://js.studio-kingdom.com/javascript/regexp/exec )
    /正規表現/.exec('https://qiita.com/miriwo は筆者のQiitaのホームです');
    

  • URL을 검색하는 정규 표현은 다음과 같다. (?는 바로 앞의 문자가 있거나 없거나, [^]는 내부에 나열된 내용 중 하나와 일치하지 않거나, \s는 수직 탭을 제외한 모든 공백 문자이거나, * ) 는 직전의 문자가 반복하지 않거나 /g 는 수식자로 반복 매치를 실시하는 것을 각각 나타내고 있다.)
    /https?:\/\/[^\s]*/g
    

  • 상기에 근거하여 콘솔에 기재하는 내용을 이하에 기재한다.
    /https?:\/\/[^\s]*/g.exec('https://qiita.com/miriwo は筆者のQiitaのホームです');
    

  • 위 내용을 콘솔에 입력합니다.



  • 입력 후 Enter를 누르십시오. 아래와 같이 결과가 표시되므로 화살표가 가리키고 있는 오른쪽 삼각을 클릭한다.



  • 아래와 같이 표시되고 히트된 내용(위쪽 화살표)과 히트된 내용(아래쪽 화살표)이 저장된 인덱스 번호가 표시된다.


  • 본 방법은, 자신이 조립한 정규 표현문이, 원하는 문자열을 취득할 수 있는지를 확인하기 위해서 이용한다. 검색원 문자열을 고정하여 정규 표현 부분을 수정해 가는 것으로 부담없이 검증하면서 정규 표현문을 생각할 수 있다.
  • 좋은 웹페이지 즐겨찾기