consdata.com
Blog techniczny Blog biznesowy Dział HR
EN
javascript

Czy wiesz, jak używać splice w JavaScript?

author Dorian Mejer
12 lipca 2024

Splice to metoda dostępna dla tablicy. Pozwala usunąć, zmienić istniejący element lub dodać nowy element do tablicy.

Przykład usunięcia elementów:

const a = [1, 2, 3, 4];
const b = a.splice(1, 1); // usunięcie 1 elementu od indeksu 1
 
// a: [1, 3, 4]
// b: [2]

Splice modyfikuje pierwotną tablicę i zwraca usunięte elementy.

Przykład dodawania elementów:

const a = [1, 2, 3, 4];
const b = a.splice(1, 2, 5, 6); // usunięcie 2 elementów od indeksu 1 i dodanie elementów 5, 6
 
// a: [1, 5, 6, 4]
// b: [2, 3]

Istnieje jeszcze metoda toSpliced, która nie modyfikuje pierwotnej tablicy:

const a = [1, 2, 3, 4];
const b = a.toSpliced(1, 1); // usunięcie 1 elementów od indeksu 1
 
// a: [1, 2, 3, 4]
// b: [1, 3, 4]

Przykład dodawania elementów za pomocą toSpliced:

const a = [1, 2, 3, 4];
const b = a.toSpliced(1, 2, 5, 6); // usunięcie 2 elementów od indeksu 1 i dodanie elementów 5, 6
 
// a: [1, 2, 3, 4]
// b: [1, 5, 6, 4]

toSpliced nie modyfikuje pierwotnej tablicy, a zwraca nowa zmienioną tablicę.

Najnowsze wpisy

  • Czy wiesz, że w Jest można automatycznie testować dostępność (a11y)?
  • Dostępność w PDF - dokumenty bez barier
  • Czy wiesz, że z pomocą @starting-style można animować elementy z display: none za pomocą samego CSS?
Dołącz do nas

  • SENIOR FULLSTACK DEVELOPER (JAVA + ANGULAR) Poznań (hybrydowo) lub zdalnie UoP 14 900 - 20 590 PLN brutto
    B2B 19 680 - 27 220 PLN netto
  • REGULAR FULLSTACK DEVELOPER (JAVA + ANGULAR) Poznań (hybrydowo) lub zdalnie UoP 11 300 - 15 900 PLN brutto
    B2B 14 950 - 21 000 PLN netto
  • ZOBACZ WSZYSTKIE OGŁOSZENIA

newsletter

techniczny

Zapisz się

Podobne wpisy

post-image
wcag

Czy wiesz, że w Jest można automatycznie testować dostępność (a11y)?

author
Wojciech Stolarski 19 maj 2025
post-image
WCAG

Dostępność w PDF - dokumenty bez barier

author
Kacper Hoffman 28 kwi 2025
post-image
angular

Czy wiesz, że z pomocą @starting-style można animować elementy z display: none za pomocą samego CSS?

author
Piotr Tatarski 7 kwi 2025
Dołącz do nas

  • SENIOR FULLSTACK DEVELOPER (JAVA + ANGULAR) Poznań (hybrydowo) lub zdalnie UoP 14 900 - 20 590 PLN brutto
    B2B 19 680 - 27 220 PLN netto
  • REGULAR FULLSTACK DEVELOPER (JAVA + ANGULAR) Poznań (hybrydowo) lub zdalnie UoP 11 300 - 15 900 PLN brutto
    B2B 14 950 - 21 000 PLN netto
  • ZOBACZ WSZYSTKIE OGŁOSZENIA

Zapisz się na

newsletter

techniczny

consdata.com
  • Kontakt

    • sales@consdata.com
    • +48 61 41 51 000

  • Biuro

    • K9Office
      Krysiewicza 9/14
      61-825 Poznań
      Polska

  • Rozwiązania

    • Eximee
    • Kouncil
  • Blog Dołącz do nas
Copyright © 2024 Consdata. All rights reserved. Privacy Policy & Cookies
Chcemy używać plików cookie oraz skryptów podmiotów trzecich do polepszania funkcjonowania tej strony Zgadzam się