[javaScript]배열 원하는 위치 새 항목 추가/제거 splice()

splice()

배열의 원하는 위치에 새 항목을 추가

<p id="demo1"></p>
<p id="demo2"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = fruits; //Banana,Orange,Apple,Mango

fruits.splice(2, 0, "Lemon", "Kiwi");
document.getElementById("demo2").innerHTML = fruits;//Banana,Orange,Lemon,Kiwi,Apple,Mango
</script>

 

fruits.splice(2, 0, "Lemon", "Kiwi");

• 첫 번째 매개변수(2)는 새 요소를 추가(연결)해야 하는 위치를 정의한다.
• 두 번째 매개면수(0)는 제거해야 하는 요소의 수를 정의한다.
• 나머지 매개변수는 추가할 새 요소를 정의 한다.
• splice()메서드는 삭제된 항목이 있는 배열을 반환한다.

<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>

<script>
const fruits = ["Banana", "Orange", "Apple", "Mango"];
document.getElementById("demo1").innerHTML = "Original Array:<br> " + fruits;
let removed = fruits.splice(2, 2, "Lemon", "Kiwi"); 
document.getElementById("demo2").innerHTML = "New Array:<br>" + fruits;
document.ge

 

실행결과

Original Array:
Banana,Orange,Apple,Mango

New Array:
Banana,Orange,Lemon,Kiwi

Removed Items:
Apple,Mango

 

 

splice() 사용해서 요소 제거 하기

splice()를 사용하면 배열에 구멍을 남기지 않고 요소를 제거 할 수 있다.

const fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);
document.getElementById("demo2").innerHTML = fruits; //Orange,Apple,Mango

 

 

 

참고 : https://www.w3schools.com/js/js_array_methods.asp