차이

문서의 선택한 두 판 사이의 차이를 보여줍니다.

--- wiki:javascript:javascript_note:js_regexp [2021/04/22 15:13]
emblim98
+++ wiki:javascript:javascript_note:js_regexp [2023/01/13 18:44] (현재)
@@ 줄 233: / 줄 233: @@
 \\
 ^ Metacharacter  ^ Description                                                                      ^
-| %%\d%%         | 숫자(digit)를 찾습니다.                                                                 |
+| %%\d%%         | 숫자(digit)를 찾습니다. digit: 0에서 9까지의 10개 숫자를 나타내는 기호                     |
 | %%\s%%         | 공백문자 (whitespace character)를 찾습니다                                                |
 | %%\b%%         | %%\ bWORD%%와 같이 단어의 시작 부분에서 일치 항목을 찾거나 또는 %%WORD \ b%%처럼 단어의 끝 부분에서 일치 항목을 찾습니다  |
@@ 줄 240: / 줄 240: @@
 ====Example of Metachatacters ( \d )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "Give 100%!";
+      let patt1 = /\d/g;  /* 숫자를 찾는 \d 정규식을 변수 patt1에 대입 */
+      let result = str.match(patt1);  /* 변수 str에서 변수 patt1과 일치하는 것을 변수 result에 대입 */
+      document.getElementById("demo").innerHTML = result; /* 1,0,0 */
+    }
+  </script>
 </code>
 ====Example of Metacharacters ( \s )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "Is this all there is?";
+      let patt1 = /\s/g;  /* 공백 (whitespace)를 검색 */
+      let result = str.match(patt1);
+      document.getElementById("demo").innerHTML = result; /* [" ", " ", " ", " "] */
+      console.log(result, result.length);
+    }
+  </script>
 </code>
 ====Exmaple of Metacharacters ( \b )====
 <code javascript>
+  <script>
+    let str = "HELLO, LOOK AT YOU!";
+    let patt1 = /\bLO/; /* LO로 시작하는 단어를 검색 */
+    let result = str.search(patt1);
+    document.getElementById("demo").innerHTML = result; /* Found in position: 7 */
+    console.log(result, result.length); /* 7 undefined */
+  </script>
+</code>
+====Exmaple of Metacharacters ( \b )====
+<code javascript>
+  <script>
+    let str = "HELLO, LOOK AT YOU";
+    let patt1 = /LO\b/; /* 단어의 끝 부분에 LO가 들어가는 것을 검색 */
+    let result = str.search(patt1);
+    document.getElementById("demo").innerHTML = result; /* Found in position: 3 */
+  </script>
 </code>
 ====Example of Metacharacters ( \uxxxx )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "Visit W3Schools. Hello World!";
+      let patt1 = /\u0057/g;
+      let result = str.match(patt1);
+      document.getElementById("demo").innerHTML = result; /* W,W */
+    }
+  </script>
 </code>
 =====Quantifiers define quantities=====
 ^ Quantifier  ^ Description                                             ^
-| %%n+%%      | 최소 하나의 n을 포함하는 모든 문자열을 일치최소 하나의 n을 포함하는 모든 문자열과 일치합니다.  |
+| %%n+%%      | 최소 하나의 n을 포함하는 모든 문자열과 일치합니다.        |
-| %%n*%%      | n이 0개 이상 포함된 모든 문자열과 일치합니다.                             |
+| %%n*%%      | n이 0개 이상 포함된 모든 문자열과 일치합니다.             |
-| %%n?%%      | n이 0개 또는 1개 포함된 모든 문자열과 일치합니다.                          |
+| %%n?%%      | n이 0개 또는 1개 포함된 모든 문자열과 일치합니다.         |
 ====Example of Quantifiers ( n+ )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "Hellooo World! Hello W3Schools!";
+      let patt1 = /o+/g;  /* 각 단어에서 o가 들어간 만큼 표시 */
+      let result = str.match(patt1);
+      document.getElementById("demo").innerHTML = result; /* ooo,o,o,oo */
+    }
+  </script>
 </code>
 ====Example of Quantifiers ( n* )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "Hellooo World! Hello W3Schools!";
+      let patt1 = /lo*/g;
+      let result = str.match(patt1);
+      document.getElementById("demo").innerHTML = result; /* l,looo,l,l,lo,l */
+    }
+  </script>
 </code>
 ====Example of Quantifiers ( n? )====
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "1, 100 or 1000?";
+      let patt1 = /10?/g;
+      let result = str.match(patt1);
+      document.getElementById("demo").innerHTML = result; /* 1,10,10 */
+    }
+  </script>
 </code>
 =====Using the RegExp Object=====
+%%JavaScript%%에서 %%RegExp%% 오브젝트는 미리 정의된 속성 및 메서드가 있는 정규식 오브젝트입니다.\\
+=====Using test()=====
+''test()'' 메서드는 %%RegExp%%(정규식) 메서드입니다.\\
+\\
+문자열에서 패턴을 검색하고, 결과에 따라 %%true%% 또는 %%false%%를 반환합니다.\\
+\\
+다음 예제는 문자열에서 %%"e"%% 문자를 검색합니다.\\
+====Example====
+<code javascript>
+var patt = /e/;
+patt.test("The best things in life are free!");
+</code>
+\\
+문자열에 %%"e"%%가 있으므로, 상기 코드의 출력값은 %%true%%입니다.\\
+\\
+먼저 정규식을 변수에 넣을 필요가 없습니다. 위의 두 줄을 아래와 같이 한 줄로 줄일 수 있습니다.\\
+\\
+<code javascript>
+/e/.test("The best things in life are free!");
+</code>
+\\
+<code javascript>
+<!DOCTYPE html>
+<html>
+<body>
+  <h2>JavaScript Regular Expressions</h2>
+  <p>Search for an "e" in the next paragraph:</p>
+  <p id="p01">The best things in life are free!</p>
+  <p id="demo"></p>
+  <script>
+    text = document.getElementById("p01").innerHTML;
+    document.getElementById("demo").innerHTML = /e/.test(text);
+  </script>
+</body>
+</html>
+</code>
+\\
+=====Using exec()=====
+''exec()'' 메서드는 %%RegExp%% 정규식 메서드입니다.\\
+\\
+문자열에서 지정된 패턴을 검색하고, 찾은 텍스트를 오브젝트로 반환합니다.\\
+\\
+일치하는 항목이 없으면, 빈 %%(null)%% 개체를 반환합니다.\\
+\\
+다음 예제는 문자열에서 "e" 문자를 검색합니다.\\
+====Example====
+<code javascript>
+  <script>
+    let obj = /e/.exec("The best things in life are free!");
+    document.getElementById("demo").innerHTML = "Found " + obj[0] + " in position " + obj.index + " in the text: " + obj.input;
+    /* Found e in position 2 in the text: The best things in life are free! */
+  </script>
+</code>
+=====Complete RegExp Reference=====
+전체 참조를 보려면 [[https://www.w3schools.com/jsref/jsref_obj_regexp.asp|Complete JavaScript RegExp Reference]]로 이동하십시오.\\
+\\
+모든 %%RegExp%% 속성 및 메서드에 대한 설명과 예제가 포함되어 있습니다.\\
 {{tag>오션 Javascript Regular Expressions}}

문제를 잘 정의하는 것은 문제를 절반 해결한 것이다. - 2023.12

사용자 도구

사이트 도구

차이

문서 도구