Javascript array splice () — это встроенный метод, который изменяет элементы массива, удаляя или заменяя существующие элементы и/или добавляя новые элементы. Метод splice () добавляет/удаляет элементы в/из массива и возвращает удаленные элементы. Он вернет новый массив. Если в методе сращивания вы укажете номер вставляемого элемента, отличный от номера, который вы удаляете, то в конце вызова массив будет иметь другую длину.
Javascript Array splice ()
Метод splice похож на Array.prototype.slice, но в отличие от метода slice () он изменяет массив, для которого он вызывается. Он также отличается тем, что его можно использовать для добавления значений в массив, а также для их удаления.
Синтаксис
синтаксис метода javascript array splice ().
array.splice (index, howmany, item1, ....., itemX)
Итак, здесь первым параметром является индекс массива, который означает, с чего начать добавление или удаление элемента. Второй параметр — howmany означает из начального индекса, сколько индексов нам нужно покрыть из начального индекса.
Тогда последние параметры необязательны. Если мы укажем, то он добавит элементы в массив при указании начального индекса.
Давайте рассмотрим простой пример, создав файл с именем app.js и добавьте код.
//app.jslet tesla = ['Model S', 'Model X' , 'Модель 3']; let deletedItem = tesla.splice (1, 1, 'Roadster'); console.log ('Остающийся массив:', тесла); console.log ('deletedItem is:', deletedItem);
Итак, здесь мы определили один массив, а затем мы изменили этот массив, указав первый аргумент в качестве начальной точки индекса, равного 1. Таким образом, он будет искать индекс 1, который равен Модель X . Теперь второй параметр также равен 1.
Таким образом, это будет длина того, сколько индексов нам нужно перейти в правую часть массива. Так что в нашем случае это все еще Модель X . Таким образом, третий параметр Roadster заменит Model X
Теперь, если мы не укажем третий или четвертый аргумент, то он удалит элемент из массива. Это будет происходить как удаление элемента из массива.
Если вы разработчик Javascript, вам необходимо использовать метод splice () для удаления данных на основе идентификатора. Многие из этих вещей мы делаем на таких фреймворках, как Angular, React или Vue.js.
//app.jslet tesla = ['Model S', 'Model X', 'Model 3' ]; let removeItem = tesla.splice (1, 1); console.log ('Остающийся массив:', тесла); console. log ('удаленный элемент:', удаленный элемент);
Это означает, что Модель X будет удалена из массива, и мы получим оставшийся массив.
Если мы не укажем второй аргумент
Давайте посмотрим на сценарий, в котором мы также не определяем второй аргумент.
//app.jslet tesla = ['Model S' , 'Модель X', 'Модель 3']; let deletedItem = tesla.splice (1); console.log ('Остающийся массив:', тесла); console.log ('удаленный элемент:', удаленный элемент);
Если мы не укажем второй аргумент, тогда он возьмет первый аргумент, найдет этот индекс и удалит этот элемент и другие элементы из этого индекса. Итак, в приведенном выше примере мы присвоили индекс 1, что означает, что он перейдет к индексу 1 и начнет удалять все элементы из этого индекса и отдавать оставшийся элемент. В нашем случае это Модель S.
Если начальный индекс отрицательный (-)
Теперь давайте рассмотрим сценарий, в котором начальный индекс массива отрицательный. Это означает, что он будет считать в обратном порядке в конце массива.
//app.jslet tesla = ['Model S', 'Model X', 'Model 3']; let deletedItem = tesla .splice (-1); console.log (tesla); console.log (deletedItem);
В приведенном выше примере он начнется в обратном направлении и удалит первый элемент из обратной точки зрения . В нашем случае это Модель 3. Таким образом, он удалит это, и если мы проверим массив Tesla, то теперь у нас будет только два элемента в массиве.
Наконец, пример splice () массива Javascript завершен.
См. также
Массив Javascript indexOf ()
Массив Javascript lastIndexOf ()
Массив Javascript findIndex ()
Массив Javascript reverse ()
Массив Javascript isArray ()
