"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 같이 보기[ | ]

@@ 3번째 줄: / 3번째 줄: @@
 <syntaxhighlight lang='javascript'>
-// n번째에 삽입
+// n번째에 element 삽입
-arr.splice(n, 0, new_obj);
+arr.splice(n, 0, element);
 </syntaxhighlight>
+==원소 1개 삽입==
 <syntaxhighlight lang='javascript' run>
-var fruits = ["Apple", "Banana", "Orange", "Mango"];
+const fruits = ["Apple", "Banana", "Orange", "Mango"];
-var new_fruit = "Melon";
+const element = "Melon";
-fruits.splice(2, 0, new_fruit);
+fruits.splice(2, 0, element);
 console.log( fruits );
 </syntaxhighlight>
+==원소 여러 개 삽입==
 <syntaxhighlight lang='javascript' run>
-var fruits = ["Apple", "Banana", "Orange", "Mango"];
+const fruits = ["Apple", "Banana", "Orange", "Mango"];
-var new_fruits = ["Melon", "Watermelon"];
+const elements = ["Melon", "Watermelon"];
-fruits.splice(2, 0, new_fruits);
+fruits.splice(2, 0, elements); // ⚠️ 배열 그대로 삽입
 console.log( fruits );
 </syntaxhighlight>
 <syntaxhighlight lang='javascript' run>
-var fruits = ["Apple", "Banana", "Orange", "Mango"];
+const fruits = ["Apple", "Banana", "Orange", "Mango"];
-var new_fruits = ["Melon", "Watermelon"];
+const elements = ["Melon", "Watermelon"];
-fruits.splice(2, 0, new_fruits[0], new_fruits[1]);
+fruits.splice(2, 0, elements[0], elements[1]);
+console.log( fruits );
+</syntaxhighlight>
+<syntaxhighlight lang='javascript' run>
+const fruits = ["Apple", "Banana", "Orange", "Mango"];
+const elements = ["Melon", "Watermelon"];
+fruits.splice(2, 0, ...elements);
 console.log( fruits );
 </syntaxhighlight>