차이

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

--- wiki:javascript:javascript_note:js_array_methods [2021/04/27 11:24]
emblim98 [Merging Two Arrays]
+++ wiki:javascript:javascript_note:js_array_methods [2023/01/13 18:44] (현재)
@@ 줄 240: / 줄 240: @@
 ====Merging Three Arrays====
 <code javascript>
+let arr1 = ["Cecille", "Lone"];
+let arr2 = ["Emil", "Tobias", "Linus"];
+let arr3 = ["Robin", "Morgan"];
+let myChildren = arr1.concat(arr2, arr3);
+document.getElementById("demo").innerHTML = myChildren;  //Cecille,Lone,Emil,Tobias,Linus,Robin,Morgan
 </code>
 \\
@@ 줄 246: / 줄 252: @@
 ====Merging an Array with Values====
 <code javascript>
+let myChildren = arr1.concat("Peter");
+document.getElementById("demo").innerHTML = myChildren; // Emil,Tobias,Linus,Peter
 </code>
+\\
+=====Slicing an Array=====
+''slice()'' 메서드는 배열의 일부를 새 배열로 분할합니다.\\
+\\
+다음 예제는 배열 요소 1 ("Orange")에서 시작하는 배열의 일부를 잘라냅니다.\\
+\\
+<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)''처럼 두 개의 인수를 사용할 수 있습니다.\\
+\\
+그런 다음 메서드는 시작 인수에서 끝 인수까지 (포함하지 않음) 요소를 선택합니다.\\
+\\
+<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>
+\\
+=====Automatic toString()=====
+%%JavaScript%%는 원시 값(primitive value)이 예상될 때, 배열을 쉼표로 구분된 문자열로 자동 변환합니다.\\
+\\
+배열을 출력하려고 할 때 항상 이렇게 됩니다.\\
+\\
+아래의 두 가지 예제는 동일한 결과를 생성합니다.\\
+\\
+<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() 메서드가 있습니다.
+\\
+=====Finding Max and Min Values in an Array=====
+%%JavaScript%% 배열에서 가장 높은 값 또는 가장 낮은 값을 찾기 위한 기본 제공 함수는 없습니다.\\
+\\
+다음 챕터(JS Array Sort)에서 이 문제를 해결하는 방법을 배웁니다.\\
+=====Sorting Arrays=====
+배열 정렬(sorting arrays)은 다음 챕터(JS Array Sort)에서 다룹니다.\\
+=====Complete Array Reference=====
+전체 참조를 보려면 [[https://www.w3schools.com/jsref/jsref_obj_array.asp|Complete JavaScript Array Reference]]로 이동하십시오.\\
+\\
+이 참조에는 모든 배열 속성 및 메서드에 대한 설명과 예제가 포함되어 있습니다.\\
+\\
 {{tag>오션 Javascript Array Methods}}

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

사용자 도구

사이트 도구

차이

문서 도구