JavaScript의 splice() 메서드는 항목을 추가하거나 제거하는 데 사용됩니다. 제거된 항목을 반환합니다.
구문은 다음과 같습니다 -
array.splice(index, num, item1, ....., itemX)
여기서 index는 항목을 추가하거나 제거할 위치를 지정하는 정수, num은 제거할 항목의 수, item1…itemX는 배열에 추가할 항목입니다.
이제 JavaScript에서 splice() 메서드를 구현해 보겠습니다. -
예시
<!DOCTYPE html>
<html>
<body>
<h2>Products</h2>
<p>Click to display the updated product list...</p>
<button onclick="display()">Result</button>
<p id="test"></p>
<script>
var products = ["Electronics", "Books", "Accessories"];
document.getElementById("test").innerHTML = products;
function display() {
products.splice(1, 2, "Pet Supplies", "Footwear");
document.getElementById("test").innerHTML = products;
}
</script>
</body>
</html> 출력
위의 "결과" 버튼 클릭 -
예시
<!DOCTYPE html>
<html>
<body>
<h2>Products</h2>
<p>Click to display the updated product list...</p>
<button onclick="display()">Result</button>
<p id="test"></p>
<script>
var products = ["Electronics", "Books", "Accessories"];
document.getElementById("test").innerHTML = products;
function display() {
products.splice(3, 1, "Pet Supplies", "Footwear", "Home Appliances");
document.getElementById("test").innerHTML = products;
}
</script>
</body>
</html> 출력
"결과" 버튼 클릭 -
