Метод JavaScript splice (): объект-массив

Описание

Метод splice () используется для удаления старых элементов и добавления новых элементов в массив. Он изменяет содержимое массива.

Версия

Реализовано в JavaScript 1.2

Синтаксис

 splice (startIndex, removeCount, element1, element2, ..., elementN) 

Параметры

startIndex: Индекс, с которого следует начать изменение массива.

removeCount: Целое число, указывающее количество удаляемых старых элементов массива. Если removeCount равен 0, элементы не удаляются. В этом случае вы должны указать хотя бы один новый элемент.

element1, element2, ………, elementN: элементы, которые нужно добавить в массив. Если вы не укажете никаких элементов, splice просто удалит элементы из массива.

Пример:

В следующей сети Метод splice () документа используется для воспроизведения порядка фруктов.

HTML Code

       Пример метода JavaScript splice ()   h1 {color: red  }    

JavaScript: метод splice ()

Код JS

  var fruitlist = new Array ("Оранжевый", "  Apple »,« Банан »,« Chery »); var newParagraph = document.createElement (« p »);  var newText = document.createTextNode ("Список фруктов:" + список фруктов);  newParagraph.appendChild (новыйТекст);  document.body.appendChild (новыйПараграф);  var remove = fruitlist.splice (2, 0, «Манго»); var newParagraph1 = document.createElement («p»);  var newText1 = document.createTextNode ("После добавления" Манго "на 3-м месте:" + список фруктов);  newParagraph1.appendChild (newText1);  document.body.appendChild (newParagraph1);  var remove_fruit = fruitlist.splice (3, 1); var newParagraph2 = document.createElement ("p");  var newText2 = document.createTextNode ("После удаления 4-го фрукта новый список:" + fruitlist);  newParagraph2.appendChild (newText2);  document.body.appendChild (newParagraph2);  var newParagraph3 = document.createElement ("p");  var newText3 = document.createTextNode ("Удаленный фрукт:" + remove_fruit);  newParagraph3.appendChild (newText3);  document.body.appendChild (newParagraph3);  var deleted_fruits = fruitlist.splice (0, 2, 'Ежевика', 'Грейпфрут', 'Гуава'); var newParagraph4 = document.createElement ("p");  var newText4 = document.createTextNode ("После замены 1-го и 2-го фурритов и добавления« Ежевики »,« Грейпфрута »,« Гуавы »новый список выглядит следующим образом:« + список фруктов »;  newParagraph4.appendChild (newText4);  document.body. appendChild (новыйПараграф4);  var newParagraph5 = document.createElement ("p");  var newText5 = document.createTextNode ("Удаленные фрукты:" + удаленные_фрукты);  newParagraph5.appendChild (newText5);  document.body.appendChild (newParagraph5);   

Просмотрите пример в браузере

Практикуйте пример в Интернете

См. Раздел Pen array-splice-1 от w3resource (@ w3resource) на CodePen.

См. Также:

Основные объекты, методы, свойства JavaScript.

Оцените статью
nanomode.ru
Добавить комментарий