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

Czy wiesz, że już nie musisz klonować tablic, by wykonać na nich typowe operacje?

author Mariusz Bartosik
13 września 2024

Metody toReversed(), toSplice(), toSorted() oraz with() stanowią grupę metod operujących na tablicach. Rozszerzają tradycyjne operacje, pozwalając na uzyskanie zmodyfikowanych kopii tablic, na których zostały wywołane. W przeciwieństwie do tradycyjnych metod takich jak sort(), splice() czy reverse(), metody te nie modyfikują tablic, na których zostały wywołane.

toReversed()

Metoda toReversed() odpowiada reverse(). Zwraca nową tablicę z elementami w odwrotnej kolejności.

const a = [3, 1, 5, 6];
const b = Array.from(a).reverse();  // b: [6, 5, 1, 3]
const c = a.toReversed();           // c: [6, 5, 1, 3]

toSorted()

Metoda toSorted() odpowiada sort(). Zwraca nową posortowaną tablicę.

const a = [3, 1, 5, 6];
const b = Array.from(a).sort();     // b: [1, 3, 5, 6]
const c = a.toSorted();             // c: [1, 3, 5, 6]

toSpliced()

Metoda toSpliced() odpowiada splice(). Zwraca nową tablicę z usuniętymi, zmienionymi lub nowymi elementami.

const a = [3, 1, 5, 6];
const b = Array.from(a);
b.splice(1, 1);                     // b: [3, 5, 6]
const c = a.toSpliced(1, 1);        // c: [3, 5, 6]

with()

Metoda with() odpowiada notacji [<index>]. Zwraca nową tablicę ze zmienionym elementem pod wskazanym indeksem.

const a = [3, 1, 5, 6];
const b = Array.from(a);
b[2] = 9;                           // b: [1, 3, 9, 6]
const c = a.with(2, 9);             // c: [1, 3, 9, 6]

Przydatne linki

  • Wykonywalny przykład: https://playcode.io/1833099
  • Kompatybilność z przeglądarkami: Array.toReversed, Array.toSorted, Array.toSpliced, Array.with
  • Dokumentacja: Array.toReversed, Array.toSorted, Array.toSpliced, Array.with
Najnowsze wpisy

  • Czy wiesz, jak wykonać profilowanie aplikacji za pomocą JDK Flight Recorder?
  • Czy wiesz, jak analizować i optymalizować zależności w bundle?
  • Czy wiesz, jak działa mechanizm uploadu plików w Springu?
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

Podobne wpisy

post-image
jdk-flight-recorder

Czy wiesz, jak wykonać profilowanie aplikacji za pomocą JDK Flight Recorder?

Podczas przeprowadzania testów wydajnościowych czasami napotykamy sytuację, w której ich wyniki nie są zadowalające. Pojawia się wtedy pytanie, jak sprawdzić, co dzieje się wewnątrz aplikacji i na co zużywa ona...

author
Jakub Wilczewski 24 lip 2026
post-image
CommonJS

Czy wiesz, jak analizować i optymalizować zależności w bundle?

Pokażę, jak analizować plik stats.json i skutecznie zmniejszać rozmiar bundle'a w Angularze poprzez optymalizację importów CommonJS oraz wykorzystanie ESM (lodash-es).

author
Aleksander Burzec 16 cze 2026
post-image
spring boot

Czy wiesz, jak działa mechanizm uploadu plików w Springu?

Poznaj, jak w Springu działa upload plików, które parametry multipart warto ustawić i jak bezpiecznie przechowywać pliki po zakończeniu żądania.

author
Bartosz Pietrowiak 22 maj 2026
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
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ę