logo

Metoda splice() tablicy JavaScript

JavaScript Łączenie szyku() Metoda to wbudowana metoda w JavaScript, która służy do zmiany zawartości tablicy poprzez usunięcie lub zastąpienie istniejących elementów i/lub dodanie nowych elementów. Modyfikuje oryginalną tablicę i zwraca tablicę usuniętych elementów.

Składnia tablicy splice():

Array.splice( index, remove_count, item_list )>
  • indeks: Jest to parametr wymagany. Parametr ten jest indeksem, od którego rozpoczyna się modyfikacja tablicy (z początkiem o wartości 0). Może to być również wartość ujemna, która zaczyna się po wielu elementach licząc od końca.
  • liczba_usuń: Liczba elementów, które mają zostać usunięte z indeksu początkowego.
  • lista_przedmiotów: Lista nowych pozycji oddzielonych operatorem przecinkiem, które mają zostać wstawione od indeksu początkowego.

Wartość zwracana

Chociaż mutuje oryginalną tablicę w miejscu, nadal zwraca listę usuniętych elementów. W przypadku, gdy nie ma usuniętej tablicy, zwraca pustą tablicę.



Przykład splice() tablicy

Oto podstawowy przykład metody Array splice().

JavaScript
let webDvlop = ['HTML', 'CSS', 'JS', 'Bootstrap']; console.log(webDvlop); // Add 'React_Native' and 'Php' after removing 'JS'. let removed = webDvlop.splice(2, 1, 'PHP', 'React_Native') console.log(webDvlop); console.log(removed); // No Removing only Insertion from 2nd  // index from the ending webDvlop.splice(-2, 0, 'React') console.log(webDvlop)>

Wyjście
[ 'HTML', 'CSS', 'JS', 'Bootstrap' ] [ 'HTML', 'CSS', 'PHP', 'React_Native', 'Bootstrap' ] [ 'JS' ] [ 'HTML', 'CSS', 'PHP', 'React', 'React_Native', 'Bootstrap' ]>

Wyjaśnienie:

Ten kod JavaScript demonstruje manipulowanie tablicą `webDvlop`. Początkowo rejestruje zawartość tablicy. Następnie usuwa JS z indeksu 2 i wstawia w jego miejsce PHP i React_Native, rejestrując zmodyfikowaną tablicę i usunięty element. Na koniec wstawia React w przedostatnim indeksie, rejestrując ostatnią tablicę.

Przykład splice() tablicy

Oto kolejny przykład metody Array splice().



JavaScript
let languages = ['C++', 'Java', 'Html', 'Python', 'C']; console.log(languages); // Add 'Julia' and 'Php' after removing 'Html'. let removed = languages.splice(2, 1, 'Julia', 'Php') console.log(languages); console.log(removed); // No Removing only Insertion from 2nd index from the ending languages.splice(-2, 0, 'Pascal') console.log(languages)>

Wyjście
[ 'C++', 'Java', 'Html', 'Python', 'C' ] [ 'C++', 'Java', 'Julia', 'Php', 'Python', 'C' ] [ 'Html' ] [ 'C++', 'Java', 'Julia', 'Php', 'Pascal', 'Python', 'C' ]>

Wyjaśnienie:

Ten kod JavaScript działa na tablicy „języki”. Początkowo rejestruje zawartość tablicy. Następnie usuwa HTML z indeksu 2 i wstawia w jego miejsce Julię i Php, rejestrując zmodyfikowaną tablicę i usunięty element. Na koniec wstawia Pascala w przedostatnim indeksie, rejestrując ostatnią tablicę.

Mamy pełną listę metod Javascript Array. Aby je sprawdzić, przejrzyj tę instrukcję Tablica JavaScript Pełne odniesienie artykuł.

pobierz film z YouTube vlc

Obsługiwane przeglądarki:

  • GoogleChrome
  • Krawędź
  • Internet Explorera
  • Firefoksa
  • Opera
  • Safari