podsumowanie: ten samouczek pokazuje, jak używać metody splice()
do usuwania istniejących elementów, wstawiania nowych elementów i zastępowania elementów w tablicy.
Typ tablicy JavaScript zapewnia bardzo wydajną metodę splice()
, która pozwala wstawiać nowe elementy do środka tablicy. Można jednak użyć tej metody do usuwania i zastępowania istniejących elementów.,
usuwanie elementów za pomocą metody Splice() tablicy JavaScript
aby usunąć elementy w tablicy, przekazujesz dwa argumenty do metody splice()
w następujący sposób:
Code language: JavaScript (javascript)
position
określa pozycję pierwszego elementu element do usunięcia, a argument num określa liczbę elementów do usunięcia.
metodasplice()
zmienia oryginalną tablicę i zwraca tablicę zawierającą usunięte elementy.
przyjrzyjmy się poniższemu przykładowi.,
Załóżmy, że masz tablicę scores
zawierającą pięć liczb od 1 do 5.
Code language: JavaScript (javascript)
poniższe polecenie usuwa trzy elementy tablicyscores
rozpoczynającej się od pierwszego elementu.
Code language: JavaScript (javascript)
tablicascores
zawiera teraz dwa elementy.
Code language: JavaScript (javascript)
ideletedScores
tablica zawiera trzy elementy.
Code language: JavaScript (javascript)
poniższy rysunek ilustrujescores.splice(0,3)
wywołanie metody powyżej.,
wstawianie elementów za pomocą metody JavaScript Array splice ()
możesz wstawić jeden lub więcej elementów do tablicy, przekazując trzy lub więcej argumentów dosplice()
metoda z drugim argumentem wynosi zero.
rozważ następującą składnię.
Code language: JavaScript (javascript)
w tej składni:
position
określa początkową pozycję w tablicy, na której będą wstawiane nowe elementy.,- drugim argumentem jest zero (0), który instruuje metodę
splice()
, aby nie usuwała żadnych elementów tablicy. - trzeci argument, czwarty argument itd. to nowe elementy wstawiane do tablicy.
zauważ, że metodasplice()
zmienia oryginalną tablicę. Ponadto metoda splice()
nie usuwa żadnych elementów, dlatego zwraca pustą tablicę. Na przykład:
zakładając, że masz tablicę o nazwie colors
z trzema łańcuchami.,
Code language: JavaScript (javascript)
następująca instrukcja wstawia jeden element po drugim elemencie.
Code language: JavaScript (javascript)
tablicacolors
ma teraz cztery elementy z nowym elementem wstawionym na drugiej pozycji.
Code language: JavaScript (javascript)
poniższy rysunek pokazuje wywołanie metody powyżej.,
możesz wstawić więcej niż jeden element przekazując czwarty argument, piąty argument itd.do metodysplice()
jak w poniższym przykładzie.
Code language: JavaScript (javascript)
zastępowanie elementów metodą JavaScript Array splice ()
metodasplice()
umożliwia wstawianie nowych elementów do tablicy, jednocześnie usuwając istniejące elementy.,
aby to zrobić, przekazujesz co najmniej trzy argumenty z drugim, który określa liczbę elementów do usunięcia i trzecim, który wskazuje elementy do wstawienia.
zauważ, że liczba elementów do usunięcia nie musi być taka sama jak liczba elementów do wstawienia.
Załóżmy, że masz tablicę języków programowania z czterema elementami w następujący sposób:
Code language: JavaScript (javascript)
poniższe polecenie zastępuje drugi element nowym.,
Code language: JavaScript (javascript)
languages
tablica nadal ma cztery elementy z nowym drugim argumentem'Python'
zamiast'C++'
.
Code language: JavaScript (javascript)
poniższy rysunek ilustruje wywołanie metody powyżej.,
możesz zastąpić jeden element wieloma elementami, przekazując więcej argumentów do metody splice()
w następujący sposób:
Code language: JavaScript (javascript)
polecenie usuwa jeden element z drugiego elementu, tj. Java
I wstawia trzy nowe elementy do tablicy languages
. Wynik jest następujący.,
Code language: JavaScript (javascript)
w tym samouczku nauczyłeś się używać tablicy JavaScript splice()
do usuwania istniejących elementów, wstawiania nowych i zastępowania elementów w tablicy.
- czy ten tutorial był pomocny ?
- YesNo