JavaScript splice () Метод: Объект Array
Описание
Метод splice () используется для удаления старых элементов и добавления новых элементов в массив. Это меняет содержимое массива.
Версия
Реализовано в JavaScript 1.2
Синтаксис
splice (startIndex, removeCount, element1, element2, ..., elementN)
параметры
startIndex: индекс, с которого начинается изменение массива.
removeCount: целое число, указывающее количество удаляемых старых элементов массива. Если removeCount равен 0, элементы не удаляются. В этом случае вы должны указать хотя бы один новый элемент.
element1, element2, ........., elementN: элементы, добавляемые в массив. Если вы не указываете никаких элементов, splice просто удаляет элементы из массива.
Пример:
В следующем веб-документе метод splice () используется для воспроизведения порядка фруктов.
HTML-код
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf8" />
<title>JavaScript splice() method example</title>
<style type="text/css">
h1 {color:red}
</style>
</head>
<body>
<h1>JavaScript : splice() method</h1>
<script src="array-splice-example1.js"></script>
</body>
</html>
Код JS
var fruitslist = new Array("Orange","Apple","Banana","Chery" );
var newParagraph = document.createElement("p");
var newText = document.createTextNode("Fruits List : " + fruitslist);
newParagraph.appendChild(newText);
document.body.appendChild(newParagraph);
var remove = fruitslist.splice(2, 0, "Mango");
var newParagraph1 = document.createElement("p");
var newText1 = document.createTextNode("After adding 'Mango' in 3rd place : " + fruitslist);
newParagraph1.appendChild(newText1);
document.body.appendChild(newParagraph1);
var remove_fruit = fruitslist.splice(3, 1);
var newParagraph2 = document.createElement("p");
var newText2 = document.createTextNode("After removing 4th fruit, the new list is : " + fruitslist);
newParagraph2.appendChild(newText2);
document.body.appendChild(newParagraph2);
var newParagraph3 = document.createElement("p");
var newText3 = document.createTextNode("Removed fruit is: " + remove_fruit);
newParagraph3.appendChild(newText3);
document.body.appendChild(newParagraph3);
var removed_fruits = fruitslist.splice(0, 2,'Blackberry','Grapefruit','Guava');
var newParagraph4 = document.createElement("p");
var newText4 = document.createTextNode("After replacing 1st and 2nd furits and adding 'Blackberry', 'Grapefruit', 'Guava', the new list is : " + fruitslist);
newParagraph4.appendChild(newText4);
document.body.appendChild(newParagraph4);
var newParagraph5 = document.createElement("p");
var newText5 = document.createTextNode("Removed fruits are: " + removed_fruits);
newParagraph5.appendChild(newText5);
document.body.appendChild(newParagraph5);
Практикуйте пример онлайн
См. Pen array-splice-1 от w3resource ( @ w3resource ) в CodePen .
Смотрите также:
Основные объекты JavaScript, методы, свойства.
Предыдущий: JavaScript slice () Метод: Array Object
Далее: JavaScript sort () Метод: Array Object
Новый контент: Composer: менеджер зависимостей для PHP , R программирования