Array.prototype.slice() vs Array.prototype.splice()

Představení JavaScript Array Slice vs Array Splice:

V tomto článku stručně probereme metodu pole slice a metody spojování pole v Javascriptu.

Co je pole?

Pole se používá k uložení kolekce dat s podobnými datovými typy.
(nebo)
Zjednodušeně jej lze definovat jako skupinu prvků se stejným datovým typem.

Co je Array Slice v javascriptu?

Řez pole je metoda dělení daného pole za účelem získání části pole jako nového pole.
V Javascriptu existuje metoda známá jako metoda slice() pro výběr části daných prvků a návrat jako nové pole beze změny původního pole.

Syntaxe:

Parametry:

  • začátek: Tento argument se používá k definování indexu pole, odkud má funkce začít vybírat prvky z pole.Tento parametr je volitelný
  • konec: Tento argument se používá k definování indexu pole, kde má funkce přestat extrahovat prvky z pole. Tento parametr je také volitelný

Obrázek popisující metodu řezu pole

Práce s metodou Array slice() s příklady:

V této části uvidíme, jak metoda slice() funguje na poli v javascriptu.
například:vezmeme proměnnou a předáme jí pole pěti hodnot "joe", "Rahul", "Carolyn", "Mike" a "Raj". Hodnoty pole jsou uloženy v indexu, jak je uvedeno níže;

O:Nyní chceme z výše uvedeného pole vydělit dvě hodnoty, jmenovitě Rahul a Carolyn, a chceme je vložit do nového pole?

k tomu máme funkci s názvem "slice(start, end)". Nyní musíme předat dva parametry v tomto, tj. Počáteční index a koncový index.
Protože chceme hodnoty Rahul a Carolyn do nového pole, pak zapíšeme vzít index 1 a 3 (tj. řez (1,3)).
Poznámka: Měli bychom zadat koncový parametr 3 místo 2, abychom získali Carolyn hodnotu, protože chceme až 3 hodnoty, ale ne 3. hodnotu.

Vstup:
Výstup: [ 'Rahul', 'Carolyn' ]

Příklad 2
Co když neuvedu koncový parametr?
podívejme se níže;

Vstup:
Výstup: [ 'Rahul', 'Carolyn', 'Mike', 'Raj' ]

To znamená, že dává všechny hodnoty od 1 do všech zbývajících hodnot do nového pole.

Příklad 3
Co když této funkci předáme zápornou hodnotu?
podívejme se níže;

Vstup:
Výstup: [ 'Mike', 'Raj' ]

Je to proto, že celý index polí bude obrácený a začne od -1, jak je znázorněno na obrázku níže;

Závěr:

Došli jsme k závěru, že metoda pole slice() se používá hlavně pro dělení prvků daného pole. V tomto článku jsme viděli, co je syntaxe řezu a jeho parametry s jeho pracovními příklady. Metoda slice() má dva parametry a oba jsou volitelné.

Existuje situace, kdy musíme umístit dvě nové hodnoty někam doprostřed stejného pole nebo smazat jakoukoli hodnotu v poli? Abychom tento problém vyřešili, máme funkci nazvanou "array splice()" .

Poznámka: Abychom nové hodnoty vložili na začátek nebo konec pole, máme již funkce jako Push a Zrušit řazení .

Nyní se seznámíme s metodou Array.splice() v Javascriptu:

Co je Array Splice v javascriptu?

Splice array v Javascriptu je metoda, která přidává a odebírá položky nebo data do nebo z pole. je to metoda, která mění obsah přidáním nových prvků nebo odstraněním starých jednou z pole.

Syntaxe:

Parametry:

  • Index: Index je celočíselná hodnota, která řeší, na kterém prvku pozice je třeba přidat nebo z kterého prvku pozice má být odstraněn.Je vyžadován pokaždé v poli spojů
  • kolik: Howmany udává, kolik položek by mělo být z pole odstraněno. Pokud je nastavena na nulu, nebude odstraněn žádný prvek.Kolik je volitelná hodnota parametru
  • Nová hodnota Tento parametr označuje novou hodnotu, která má být přidána do pole. Je to také volitelný parametr
  • Začátek: Index/start provádí stejnou funkci.
  • Smazat: Odstranit také provede podobnou funkci jako howmany v níže uvedené syntaxi, tj. kolik položek má být z pole odstraněno.Je to hodnota volitelného parametru ### Práce metody Array slice() s příklady:Uvažujme proměnnou tří hodnot pole "Joe", "Rahul" a "raj".

Příklad 1
Přidat „Carolyn“ a „mike“ za „Rahul“ a před joe?

Vstup

Výstup:
[ 'joe', 'Rahul', 'Carolyn', 'Mike', 'Raj' ]

Příklad 2
odstranit "Raj" a přidat "Carolyn" a "mike"?
Vstup:

Výstup:
[ 'joe', 'Rahul', 'Carolyn', 'Mike' ]

Příklad 3
Předat zápornou hodnotu, chcete-li přidat dvě hodnoty a také odstranit „Rahul“?
Vstup:

Výstup:
[ 'joe', 'Carolyn', 'Mike', 'Raj' ]

Závěr:

Došli jsme k závěru, že pole splice() mění obsah pole odstraněním nebo nahrazením existujících prvků a/nebo přidáním nových prvků na místo. V tomto článku jsme viděli, co je syntaxe spoje a její parametry s pracovními příklady. Metoda splice() má tři parametry a dva parametry jsou volitelné.

Celkový konečný závěr mezi Array.prototype.slice() vs Array.prototype.splice() je:

Plátky

  • Nemění obsah původního pole
  • Vrátí nové pole kopií
  • Nedestruktivní funkce

Spojení

  • Změní obsah
  • mutuje
  • Žádné nové pole
  • destruktivní funkce

Referenční a doporučené video pro podrobnější informace:

Odkaz:

  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/slice
  • https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/splice

Nejvíce doporučené video od Steva