"JavaScript 배열 n번째 삽입"의 두 판 사이의 차이

2024년 1월 16일 (화) 16:13 기준 최신판

1 개요[ | ]

자바스크립트 배열 n번째 삽입

// n번째에 element 삽입
arr.splice(n, 0, element);

2 원소 1개 삽입[ | ]

const fruits = ["Apple", "Banana", "Orange", "Mango"];
const element = "Melon";
fruits.splice(2, 0, element);
console.log( fruits );

3 원소 여러 개 삽입[ | ]

const fruits = ["Apple", "Banana", "Orange", "Mango"];
const elements = ["Melon", "Watermelon"];
fruits.splice(2, 0, elements); // ⚠️ 배열 그대로 삽입
console.log( fruits );

const fruits = ["Apple", "Banana", "Orange", "Mango"];
const elements = ["Melon", "Watermelon"];
fruits.splice(2, 0, elements[0], elements[1]);
console.log( fruits );

const fruits = ["Apple", "Banana", "Orange", "Mango"];
const elements = ["Melon", "Watermelon"];
fruits.splice(2, 0, ...elements);
console.log( fruits );

4 같이 보기[ | ]

@@ 2번째 줄: / 2번째 줄: @@
 ;자바스크립트 배열 n번째 삽입
-==1개 삽입==
 <syntaxhighlight lang='javascript'>
 // n번째에 element 삽입
 arr.splice(n, 0, element);
 </syntaxhighlight>
+==원소 1개 삽입==
 <syntaxhighlight lang='javascript' run>
 const fruits = ["Apple", "Banana", "Orange", "Mango"];
@@ 14번째 줄: / 15번째 줄: @@
 </syntaxhighlight>
-==여러 개 삽입==
+==원소 여러 개 삽입==
-<syntaxhighlight lang='javascript'>
+<syntaxhighlight lang='javascript' run>
-// n번째에 elements 삽입
+const fruits = ["Apple", "Banana", "Orange", "Mango"];
-arr.splice(n, 0, elements);
+const elements = ["Melon", "Watermelon"];
+fruits.splice(2, 0, elements); // ⚠️ 배열 그대로 삽입
+console.log( fruits );
 </syntaxhighlight>
 <syntaxhighlight lang='javascript' run>
 const fruits = ["Apple", "Banana", "Orange", "Mango"];
 const elements = ["Melon", "Watermelon"];
-fruits.splice(2, 0, elements);
+fruits.splice(2, 0, elements[0], elements[1]);
 console.log( fruits );
 </syntaxhighlight>
@@ 28번째 줄: / 31번째 줄: @@
 const fruits = ["Apple", "Banana", "Orange", "Mango"];
 const elements = ["Melon", "Watermelon"];
-fruits.splice(2, 0, elements[0], elements[1]);
+fruits.splice(2, 0, ...elements);
 console.log( fruits );
 </syntaxhighlight>