728x90
300x250
SMALL
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
728x90
반응형
LIST
'javaScript > JS Tutorial' 카테고리의 다른 글
[javaScript]비교함수 숫자정렬 오름차순, 내림차순 (0) | 2022.11.06 |
---|---|
[javaScript]배열의 일부를 잘라서 새 배열 만들기 slice() (0) | 2022.11.04 |
[javaScript]배열 반전 reverse() (0) | 2022.11.01 |
[javaScript]배열 정렬 sort() (0) | 2022.10.31 |
[javaScript] 자동 toString() (0) | 2022.10.30 |
댓글