Метод сращивания в javascript

Здравствуйте, ребята, сегодня я расскажу о методе сплайс-массива в 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

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