>웹 프론트엔드 >JS 튜토리얼 >프런트 엔드의 정규 표현식에 대한 간략한 토론

프런트 엔드의 정규 표현식에 대한 간략한 토론

青灯夜游
青灯夜游앞으로
2019-11-30 15:49:262098검색

프런트 엔드의 정규 표현식에 대한 간략한 토론

1. 개요

JavaScript에서는 //를 사용하여 정규식 개체를 만들 수도 있습니다. new RegExp()JavaScript 中,使用 // 即可创建一个正则表达式对象,当然也可以使用 new RegExp()

常用的跟正则相关的方法有 matchtestreplace

其中 matchreplace 都是字符串上的方法, test 是正则对象上的方法。

【相关课程推荐:JavaScript视频教程

下面看具体的图示:

프런트 엔드의 정규 표현식에 대한 간략한 토론

2. 匹配单字符

  1. /reg/ 可以直接匹配具体的字符串 reg

  2. /[arzy]/ 中的中括号[] 则代表匹配 arzy 中的任意单个字符

  3. /[f-h]/ 中的中杠 - 代表匹配字母表顺序中 fh 中的任意单个字符

  4. /[1-3]/ 则代表匹配数字 1 到 3

프런트 엔드의 정규 표현식에 대한 간략한 토론

3. 正则选项

正则对象的后面也可以跟选项,JavaScript 中常用的选项有:

  1. i - 代表忽略大小写

  2. m - 代表多行匹配

  3. g - 代表全局匹配(可以匹配多次)

프런트 엔드의 정규 표현식에 대한 간략한 토론

4. 边界匹配

  1. ^ - 代表匹配字符串的开头

  2. $ - 代表匹配字符串的结尾

프런트 엔드의 정규 표현식에 대한 간략한 토론

5. 字符匹配

  1. . - 可以匹配除了换行符外的任意字符
  2. d - 可以匹配任意数字
  3. D - 可以匹配任意数字
  4. s - 匹配任意空白字符
  5. S - 匹配任意空白字符
  6. n - 匹配换行
  7. w - 它其实就等同于 [A-Za-z0-9_],即匹配字母数字下划线

프런트 엔드의 정규 표현식에 대한 간략한 토론

6. 量词匹配

  1. * - 匹配 0 次或多次
  2. + - 匹配 1 次或多次
  3. ? - 匹配 0 次或 1 次
  4. {3} - 匹配 3 次
  5. {2,4} - 匹配 2、3 或 4 次
  6. {2,} - 匹配 2 次或多次

프런트 엔드의 정규 표현식에 대한 간략한 토론

7. 分组

() 小括号在正则中代表分组,一般在 match 方法中用来返回全匹配加上多个分组结果,如果使用了 g 选项,则只返回全匹配。

在小括号中你可以使用管道符号 |,它代表

프런트 엔드의 정규 표현식에 대한 간략한 토론

8. 特殊字符

匹配特殊符号的时候需要加反斜杠

JS 中的特殊字符有 ^ $ . * + ? () [] {} |

所以如果你需要匹配星号 *,就需要这样写:

*

프런트 엔드의 정규 표현식에 대한 간략한 토론

9. 取非匹配

匹配除了某个字符的任意字符,需要在中括号[] 中使用 ^

至此 ^ 具有两个含义:

  1. 如果用于正则表达式的开头,代表匹配字符串的开头

  2. 如果用于中括号 []

    정규 표현식과 관련하여 일반적으로 사용되는 메서드에는 match, testreplace가 있습니다.
그 중 matchreplace는 문자열에 대한 메소드이고, test는 일반 객체에 대한 메소드입니다.

프런트 엔드의 정규 표현식에 대한 간략한 토론【관련 강좌 추천: JavaScript 동영상 튜토리얼]

아래 세부정보를 확인하세요 그림: 프런트 엔드의 정규 표현식에 대한 간략한 토론

🎜2. 단일 문자 일치 🎜🎜🎜
  1. 🎜/reg/는 특정 문자열 reg와 직접 일치할 수 있습니다. 🎜🎜
  2. 🎜/[arzy]/ 대괄호 []arzy의 단일 문자와 일치함을 의미합니다. 🎜🎜🎜 /[f-h]/ 가운데 막대 -f에서 h까지의 일치를 알파벳 순서로 나타냅니다. 🎜🎜
  3. 🎜/[1-3]/은 1에서 3까지의 숫자가 일치함을 의미합니다🎜🎜🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜3. 일반 옵션🎜🎜🎜🎜 일반 개체 뒤에는 옵션이 올 수도 있는데, 이는 JavaScript에서 일반적으로 사용되는 옵션입니다. 🎜
    1. 🎜i - 대소문자 무시를 나타냅니다. 🎜🎜
    2. 🎜m - 다중을 나타냅니다. -line match🎜🎜
    3. 🎜g - 전역 일치를 나타냅니다(여러 번 일치할 수 있음)🎜🎜🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜4. 경계 일치🎜🎜🎜
      1. 🎜^ - 일치하는 문자열의 시작을 나타냅니다🎜🎜
      2. 🎜$ - 일치하는 문자열의 끝을 나타냅니다🎜🎜🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜5. 문자 일치🎜🎜🎜
        1. . - 줄 바꿈을 제외한 모든 문자와 일치할 수 있습니다🎜 d - 모든 숫자와 일치 가능 🎜
        2. D - 모든 🎜비🎜숫자🎜
        3. s와 일치 가능 - 일치 공백 문자 🎜
        4. S - 🎜공백이 아닌 문자🎜
        5. n와 일치 - 개행 문자 🎜
        6. w와 일치 - 실제로 영숫자 밑줄 🎜🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜6. 수량자 일치🎜🎜🎜
          1. * - 0번 이상 일치🎜
          2. + - 1회 이상 일치 🎜
          3. ? - 0회 또는 1회 일치 🎜
          4. {3} - 3회 일치 🎜
          5. {2,4} - 2, 3, 4번 일치 🎜
          6. {2,} - 2번 이상 일치 🎜🎜🎜🎜🎜🎜🎜7. Grouping🎜🎜🎜🎜() 괄호는 일반 그룹화를 나타냅니다. 표현식. 이는 일반적으로 전체 일치와 여러 그룹화 결과를 반환하기 위해 match 메서드에서 사용됩니다. g 옵션을 사용하면 전체 일치만 반환됩니다. 🎜🎜괄호 안에 또는 를 나타내는 파이프 기호 |를 사용할 수 있습니다.🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜8. 특수 문자 🎜🎜🎜🎜특수 기호 일치 시 백슬래시를 추가해야 합니다 🎜🎜JS의 특수 문자 are ^ $ * + ? () [] {} |🎜🎜따라서 별표 *를 일치시켜야 하는 경우 다음과 같이 작성해야 합니다. 🎜🎜*🎜🎜프런트 엔드의 정규 표현식에 대한 간략한 토론🎜🎜🎜🎜9. 🎜🎜🎜🎜일치 특정 문자를 제외한 모든 문자는 대괄호 []🎜🎜에 ^를 사용해야 합니다. 지금까지 ^에는 두 가지 의미: 🎜
            1. 🎜정규 표현식의 시작 부분에 사용되는 경우 일치하는 문자열의 시작을 나타냅니다🎜🎜
            2. 🎜 괄호 [] code> 안에는 이 문자가 아닌 문자🎜🎜🎜🎜🎜🎜🎜🎜🎜10과 일치한다는 의미입니다.<p>위에서는 기본적으로 일상적인 개발에 충분한 정규식의 기본 사용법만 소개합니다. <code>贪婪和懒惰零宽断言捕获와 같은 좀 더 심층적인 사용법은 관심 있는 친구들이 스스로 학습할 수 있습니다~

              Regular는 매우 강력하지만 남용될 수 없습니다. 자신만이 이해할 수 있는 매우 복잡한 정규식을 작성한다면 정규식을 사용하지 않고 구현하는 것이 더 좋은 접근 방법입니다~

              참조 링크

              ● 웹 개발자를 위한 Regex 소개

              js tutorial 칼럼에서 학습에 오신 것을 환영합니다!

위 내용은 프런트 엔드의 정규 표현식에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
이 기사는 savokiss.com에서 복제됩니다. 침해가 있는 경우 admin@php.cn으로 문의하시기 바랍니다. 삭제