Здравствуйте, ребята, сегодня я расскажу о методе сплайс-массива в javascript 😎.
Давайте начнем…
Содержание
Что такое splice()?
- Метод splice используется для удаления всех или любого количества элементов из любого индекса массива, вставки любого количества элементов в любой индекс массива, замены элементов в любом индексе на любое количество элементов.
- Главное, что он вносит изменения в исходный массив, поэтому будьте осторожны при использовании этого метода.
- Я объясню его на нескольких примерах.
Синтаксис —
splice(startIndex,deleteNumber,item1,item2,…..itemN);
- startIndex — это номер индекса, по которому мы будем выполнять операцию splice для добавления, удаления, замены. Это могут быть и отрицательные числа, как при отрицательной индексации.
- deleteNumber — это количество элементов, которые будут удалены, например, если оно равно 2, то 2 элемента из числа startIndex будут удалены, включая startIndex.
- items — это те элементы, которые будут добавлены или заменены, и это может быть что угодно: число, строка, массив, булеан, объект и т.д.
Пример 1 —
const array1 = [1,2,3,4,5];
// remove all elements starting from index 2(inclusive)
const removeAll = array1.splice(2);
// output - [1,2]
Пример 2 —
const array1 = [1,2,3,4,5];
// remove two elements starting from index 1 (inclusive)
const removeTwo = array1.splice(1,2)
// output - [1,4,5]
Пример 3 —
const array1 = [1,2,3,4,5];
// remove 0 elements and insert two elements after index 2
const removeAndInsert = array1.splice(2,0,99,100)
// output - [1,2,99,100,3,4,5]
Пример 4 —
const array1 = [1,2,3,4,5];
// remove two elements and insert four elements after index 2
const removeTwoAndInsert = array1.splice(2,2,101,102,103,104);
// output - [1,2,101,102,103,104,5]
Пример 5 —
const array1 = [1,2,3,4,5];
// remove all elements from negative Index -2 means 2nd element from last
const negativeIndexing = array1.splice(-2)
// [1,2,3]
Пример 6 —
const array1 = [1,2,3,4,5];
// remove one element from negative Index -2
// means 2nd element from last and insert 3 elements there
const negativeIndexingRemove = array1.splice(-2,1,10,11,12)
// output - [1,2,3,10,11,12,5]
Пример 7 —
const array1 = [1,2,3,4,5];
// insert anything at the end of the array
const anything = array1.splice(array1.length,0,"javascript",true,false,undefined,null,[6,7,8,9],{name:"shubham",age:21},[[10,11],[12,13]])
// output - [1,2,3,4,5,'javascript',true,false,undefined,null,
// [6,7,8,9],{name:"shubham",age:21},[[10,11],[12,13]]]
Пример 8 —
const array1 = [1,2,3,4,5];
// if we try to change the values inside function
// it will still change the original array
const changeArray = (arr) => {
return arr.splice(1,2)
}
changeArray(array1)
// output - [1,4,5]
СПАСИБО, ЧТО ПРОВЕРИЛИ ЭТОТ ПОСТ
Вы можете связаться со мной на —
Instagram — https://www.instagram.com/supremacism__shubh/
LinkedIn — https://www.linkedin.com/in/shubham-tiwari-b7544b193/
Email — shubhmtiwri00@gmail.com
Вы можете помочь мне пожертвованием по ссылке ниже Спасибо👇👇👇 ^^
☕ —> https://www.buymeacoffee.com/waaduheck <—.
Также проверьте эти посты
https://dev.to/shubhamtiwari909/js-push-and-pop-with-arrays-33a2/edit
https://dev.to/shubhamtiwari909/tostring-in-js-27b
https://dev.to/shubhamtiwari909/join-in-javascript-4050
https://dev.to/shubhamtiwari909/going-deep-in-array-sort-js-2n90