> 웹 프론트엔드 > JS 튜토리얼 > JavaScript의 일반적인 정규식 작업 및 예제에 대한 심층 분석

JavaScript의 일반적인 정규식 작업 및 예제에 대한 심층 분석

WBOY
풀어 주다: 2024-01-05 18:32:35
원래의
714명이 탐색했습니다.

JavaScript의 일반적인 정규식 작업 및 예제에 대한 심층 분석

JavaScript의 일반적인 정규식 작업 및 예제 분석

정규식은 문자 패턴을 설명하는 도구이며 문자열의 특정 패턴을 일치시키거나 찾거나 바꾸는 데 사용됩니다. JavaScript에서 정규 표현식은 문자열 처리, 양식 유효성 검사, 데이터 필터링 및 기타 시나리오에서 중요한 역할을 할 수 있는 매우 중요한 운영 도구입니다. 이 기사에서는 JavaScript의 일반적인 정규식 작업을 소개하고 실제 분석 및 코드 예제를 제공합니다.

  1. 정규식 생성
    JavaScript에서는 두 가지 방법으로 정규식을 생성할 수 있습니다. 하나는 슬래시(/) 사이에 직접 정규식을 작성하여 리터럴 형식을 사용하는 것입니다. 예를 들어 /pattern/은 패턴 패턴을 사용하여 정규식을 만드는 것을 의미합니다. 다른 하나는 정규식을 문자열 매개변수로 생성자에 전달하여 RegExp 생성자를 사용하는 것입니다. 예를 들어 new RegExp("pattern")은 패턴과 일치하는 정규식을 만드는 것을 의미합니다.
  2. 정규 표현식용 수정자
    정규 표현식의 수정자는 일치하는 패턴의 동작을 조정하는 데 사용됩니다. JavaScript에는 다음과 같은 네 가지 일반적인 수정자가 있습니다.
  • i 수정자: 대소문자를 무시하여 대소문자를 구분하지 않습니다.
  • g 수정자: 전역 일치, 문자열에서 일치하는 모든 항목을 찾습니다.
  • m 수정자: 여러 줄 일치, ^ 및 $가 문자열의 각 줄의 시작과 끝과 일치하도록 허용합니다.
  • u 수정자: 유니코드 일치 패턴을 활성화하여 패턴을 유니코드 시퀀스로 처리합니다.

정규식 끝에 수정자를 추가하여 일치 패턴의 동작을 설정할 수 있습니다. 예를 들어 /pattern/i는 대소문자 일치 패턴을 무시한다는 의미입니다.

  1. 정규식의 일반적인 작업
    (1) 일치 감지
    JavaScript에서는 test() 메서드를 사용하여 문자열이 정규식과 일치하는지 감지할 수 있습니다. test() 메서드는 부울 값을 반환합니다. 문자열이 정규식과 일치하면 true이고, 그렇지 않으면 false입니다. 예를 들어, 다음 코드는 문자열에 숫자가 포함되어 있는지 여부를 감지합니다.
let pattern = /d/;
let str = "abc123";
console.log(pattern.test(str));  // 输出 true
로그인 후 복사

(2) 일치 항목 추출
JavaScript에서는 match() 메서드를 사용하여 문자열에서 정규식과 일치하는 부분을 추출할 수 있습니다. match() 메서드는 일치하는 결과의 배열을 반환하거나, 일치하는 항목이 없으면 null을 반환합니다. 예를 들어 다음 코드는 문자열의 모든 숫자를 추출합니다.

let pattern = /d/g;
let str = "abc123def456";
console.log(str.match(pattern));  // 输出 ["1", "2", "3", "4", "5", "6"]
로그인 후 복사

(3) 교체 일치
JavaScript에서는 교체() 메서드를 사용하여 정규식과 일치하는 부분을 지정된 교체 문자열로 바꿀 수 있습니다. replacement() 메서드는 교체 후 새 문자열을 반환합니다. 예를 들어, 다음 코드는 문자열의 모든 숫자를 "X"로 바꿉니다.

let pattern = /d/g;
let str = "abc123def456";
console.log(str.replace(pattern, "X"));  // 输出 "abcXdefX"
로그인 후 복사
  1. 정규식 분석의 예
    다음은 정규식의 몇 가지 일반적인 예입니다.

(1) 휴대폰 번호 일치 :/ ^1[3-9]d{9}$/
이 정규식은 문자열이 합법적인 중국 휴대폰 번호인지 여부를 감지하는 데 사용할 수 있습니다. 1로 시작하고 그 뒤에 3~9 사이의 숫자가 와야 하며 길이는 11자리인 문자열이 필요합니다.

(2) 일치하는 이메일 주소:/^[a-zA-Z0-9]+@[a-zA-Z0-9]+(.[a-zA-Z0-9]+)+$/
The 정규식을 사용하여 문자열이 유효한 이메일 주소인지 확인할 수 있습니다. 문자, 숫자 또는 밑줄로 시작하고 @ 기호, 문자, 숫자 또는 밑줄의 조합, 마지막으로 점으로 구분된 문자, 숫자 또는 밑줄의 조합으로 끝나는 문자열이 필요합니다.

(3) 일치하는 IP 주소: /^(d{1,3}.){3}d{1,3}$/
이 정규식은 문자열이 합법적인 IP 주소인지 여부를 감지하는 데 사용할 수 있습니다. 마침표로 구분된 4개의 숫자로 구성된 문자열이 필요하며 각 숫자 범위는 0-255입니다.

요약:
JavaScript의 정규식은 다양한 시나리오에서 문자열 처리 및 확인에 사용할 수 있는 강력한 문자열 일치 도구입니다. 이 기사에서는 정규식의 생성 방법, 수정자 및 일반적인 작업 방법을 소개하고 실제 분석에 대한 몇 가지 코드 예제를 제공합니다. 정규식을 학습하고 적용함으로써 문자열 처리의 효율성과 정확성을 향상시킬 수 있습니다.

위 내용은 JavaScript의 일반적인 정규식 작업 및 예제에 대한 심층 분석의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿