차이

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

--- wiki:javascript:javascript_note:js_string_methods [2021/04/23 17:16]
emblim98 [String.trim()]
+++ wiki:javascript:javascript_note:js_string_methods [2023/01/13 18:44] (현재)
@@ 줄 463: / 줄 463: @@
 위의 replace 해결책을 사용하여 %%JavaScript%% ''String.prototype''에 트림 메서드를 추가할 수도 있습니다.\\
 <code javascript>
+  <script>
+    if (!String.prototype.trim) {
+      String.prototype.trim = function () {
+        return this.replace(/^[\s\uFEFF\xA0]+|[\s\uFEFF\xA0]+$/g, '');
+      };
+    }
+    let str = "      Hello World!     ";
+    alert(str.trim());
+  </script>
 </code>
 =====JavaScript String Padding=====
 %%ECMAScript 2017%%은 두 가지 %%String%% 메서드인 ''padStart'' 및 ''padEnd''를 추가하여 문자열의 시작과 끝에서 패딩을 지원합니다.\\
+MDN 추가설명: 현재 문자열의 시작을 다른 문자열로 채워, 주어진 길이를 만족하는 새로운 문자열을 반환합니다.\\
+채워넣기는 대상 문자열의 시작(좌측)부터 적용됩니다.\\
+===문법===
+str.padStart(targetLength [, padString])\\
+  * targetLength : 목표 문자열의 길이. 현재 문자열의 길이보다 자가다면 채워넣지 않고 그대로 반환\\
+padString(입력 선택 가능)\\
+  * 현재 문자열에 채워넣을 다른 문자열. 문자열이 너무 길어 목표 문자열 길이를 초과한다면 좌측 일부를 잘라서 넣음. 기본값은 "".(U+0020)\\
 <code javascript>
+  <script>
+    let str = "5";
+    str = str.padStart(4, 0);
+    document.getElementById("demo").innerHTML = str;  // 0005
+  </script>
 </code>
 \\
 <code javascript>
+  <script>
+    let str = "321";
+    str = str.padEnd(4, 0);
+    document.getElementById("demo").innerHTML = str;  // 3210
+  </script>
 </code>
 \\
@@ 줄 489: / 줄 512: @@
 ''charAt()'' 메서드는 문자열의 지정된 인덱스(위치)에 있는 문자를 반환합니다.\\
 <code javascript>
+  <script>
+    let str = "HELLO WORLD";
+    document.getElementById("demo").innerHTML = str.charAt(6);  // W
+  </script>
 </code>
@@ 줄 497: / 줄 523: @@
 이 메서드는 UTF-16 코드 (0에서 65535 사이의 정수)를 반환합니다.\\
 <code javascript>
+  <script>
+    let str = "HELLO WORLD";
+    document.getElementById("demo").innerHTML = str.charCodeAt(0);  // 72
+  </script>
 </code>
 =====Property Access=====
-ECMAScript 5 (2009)는 문자열에 대한 속성 액세스%%[]%%를 허용합니다.\\
+ECMAScript 5 (2009)는 문자열에 대한 속성 액세스%%[ ]%%를 허용합니다.\\
 <code javascript>
+  <script>
+    let str = "HELLO WORLD";
+    document.getElementById("demo").innerHTML = str[8];  // returns R
+  </script>
 </code>
 \\
@@ 줄 513: / 줄 545: @@
 \\
 <code javascript>
+<script>
+let str = "HELLO WORLD";
+str[0] = "A";     // Gives no error, but does not work
+str[0];           // returns H
+</script>
 </code>
 \\
@@ 줄 519: / 줄 555: @@
 \\
 =====Converting a String to an Array=====
-''split()'' 메서드를 사용하여 문자열을 배열로 변환 할 수 있습니다.\\
+''split()'' 메서드를 사용하여 문자열을 배열로 변환할 수 있습니다.\\
 <code javascript>
+  <script>
+    function myFunction() {
+      let str = "a, b, c, d, e, f";
+      let arr = str.split(",");
+      console.log(arr);   // (6) ["a", " b", " c", " d", " e", " f"]
+      document.getElementById("demo").innerHTML = arr[2]; // c
+    }
+  </script>
 </code>
 \\
-구분자(separator)를 생략하면, 반환된 배열에는 인덱스 [0]에 전체 문자열이 포함됩니다.\\FIXME
+구분자(separator)를 생략하면, 반환된 배열에는 인덱스 [0]에 전체 문자열이 포함됩니다.\\
 \\
-구분자 기호가 %%""%%인 경우, 반환된 배열은 단일 문자의 배열이 됩니다.\\
+구분자 기호가 %%""%%인 경우, 반환된 배열은 단일 철자의 배열이 됩니다.\\
 <code javascript>
+  <script>
+    let str = "Bonjour";
+    let arr = str.split("");  // 철자 하나 하나로 쪼개어 배열로 만든다.
+    let arr2 = str.split();   // 구분자 생략, 반환된 배열의 인덱스[0]에 전체 문자열 표시됨
+    let text = "";            // 철자 하나 하나씩
+    let i;                    // 변수 i 선언
+    for (i = 0; i < arr.length; i++) {
+      text += arr[i] + "<br>"
+    }
+    document.getElementById("demo").innerHTML = text;
+    console.log(arr);   // (7) ["B", "o", "n", "j", "o", "u", "r"]
+    console.log(arr2);  // ["Bonjour"]
+  </script>
 </code>

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

사용자 도구

사이트 도구

차이

문서 도구