wiki:javascript:javascript_note:js_array_methods

차이

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

차이 보기로 링크

--- wiki:javascript:javascript_note:js_array_methods [2021/04/27 11:57]
emblim98
+++ wiki:javascript:javascript_note:js_array_methods [2023/01/13 18:44] (현재)
@@ 줄 262: / 줄 262: @@
 다음 예제는 배열 요소 1 ("Orange")에서 시작하는 배열의 일부를 잘라냅니다.\\
 \\
-<code javascript>
+<code javascript>
+let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+let citrus = fruits.slice(1); // index[1]~index[4]까지 잘라낸 배열의 부분을 변수 citrus에 대입
+document.getElementById("demo1").innerHTML = fruits;  // Banana,Orange,Lemon,Apple,Mango
+document.getElementById("demo2").innerHTML = citrus;  // Orange,Lemon,Apple,Mango
 </code>
 \\
   ''slice()'' 메서드는 새 배열을 만듭니다. 소스 배열에서 어떠한 요소도 제거하지 않습니다.
 \\
 다음 예제는 배열 요소 3 ("Apple")에서 시작하는 배열의 일부를 분할합니다.\\
 \\
 <code javascript>
+let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+let citrus = fruits.slice(3); // 인덱스 3, 4를 잘라내어 변수 citrus에 대입
+document.getElementById("demo1").innerHTML = fruits;  // Banana,Orange,Lemon,Apple,Mango
+document.getElementById("demo2").innerHTML = citrus;  // Apple,Mango
 </code>
 \\
 ''slice()'' 메서드는 ''slice(1, 3)''처럼 두 개의 인수를 사용할 수 있습니다.\\
 \\
@@ 줄 279: / 줄 290: @@
 \\
 <code javascript>
+let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+let citrus = fruits.slice(1, 3); // 인덱스 1,2를 잘라내어 변수 citrus에 대입
+document.getElementById("demo1").innerHTML = fruits;  // Banana,Orange,Lemon,Apple,Mango
+document.getElementById("demo2").innerHTML = citrus;  // Orange,Lemon
 </code>
 \\
 첫 번째 예제처럼, end 인수가 생략되면 ''slice()'' 메서드는 배열의 나머지 부분을 잘라냅니다.\\
 \\
 <code javascript>
+let fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
+let citrus = fruits.slice(2);                         // 인덱스 2, 3, 4를 잘라내어 변수 citrus에 대입
+document.getElementById("demo1").innerHTML = fruits;  // Banana,Orange,Lemon,Apple,Mango
+document.getElementById("demo2").innerHTML = citrus;  // Lemon,Apple,Mango
 </code>
 \\
@@ 줄 296: / 줄 314: @@
 \\
 <code javascript>
+let fruits = ["Banana", "Orange", "Apple", "Mango"];
+document.getElementById("demo2").innerHTML = fruits.toString(); // Banana,Orange,Apple,Mango
 </code>
 \\
 <code javascript>
+let fruits = ["Banana", "Orange", "Apple", "Mango"];
+document.getElementById("demo1").innerHTML = fruits;      // Banana,Orange,Apple,Mango
 </code>
 \\
-  모든 %%JavaScript%% 오브젝트에는 %%toString()%% 메서드가 있습니다.
+  모든 JavaScript 오브젝트에는 toString() 메서드가 있습니다.
 \\
 =====Finding Max and Min Values in an Array=====

/var/services/web/dokuwiki/data/attic/wiki/javascript/javascript_note/js_array_methods.1619492241.txt.gz · 마지막으로 수정됨: 2022/03/10 19:52 (바깥 편집)