Metoda join

Metoda join łączy elementy tablicy w ciąg znaków z określonym separatorem (zostanie on wstawiony między elementami tablicy). Separator jest określany przez parametr metody i nie jest obowiązkowy. Jeśli nie jest określony - domyślnie jako separator zostanie użyty przecinek. Jeśli chcesz połączyć elementy tablicy bez separatora - określ go jako pusty ciąg ''.

Składnia

javascripttablica.join([separator]);

Przykład

Załóżmy, że mamy daną pewną tablicę. Połączmy elementy tej tablicy w ciąg znaków z separatorem '-':

javascriptlet arr = [1, 2, 3];
let str = arr.join('-');

console.log(str);

Wynik wykonania kodu:

javascript'1-2-3'

Przykład

A teraz nie określmy separatora i domyślnie separatorem stanie się przecinek:

javascriptlet arr = [1, 2, 3];
let str = arr.join();

console.log(str);

Wynik wykonania kodu:

javascript'1,2,3'

Przykład

Połączmy elementy tablicy bez żadnego separatora:

javascriptlet arr = [1, 2, 3];
let str = arr.join('');

console.log(str);

Wynik wykonania kodu:

javascript'123'

Przykład . Zastosowanie

Odwróćmy znaki ciągu w odwrotnej kolejności. W tym celu podzielmy ciąg na tablicę za pomocą split z separatorem '' (ten separator umieści każdy znak ciągu w osobnym elemencie tablicy), odwróćmy tę tablicę za pomocą reverse a następnie połączmy odwróconą tablicę z powrotem za pomocą join:

javascriptlet str = '123456789';
let arr1 = str.split('');
let arr2 = arr1.reverse();
let res = arr2.join('');

console.log(res);

Wynik wykonania kodu:

javascript'987654321'

Przykład . Zastosowanie

Uprośćmy rozwiązanie poprzedniego zadania - połączmy wszystkie polecenia w łańcuch:

javascriptlet str = '123456789';
let res = str.split('').reverse().join('');

console.log(res);

Wynik wykonania kodu:

javascript'987654321'

Przykład . Zastosowanie

Dana jest data w formacie '2025-12-31'. Stwórzmy z niej format '31.12.2025'. W tym celu podzielmy ciąg na tablicę za pomocą split, odwróćmy tę tablicę za pomocą reverse a następnie połączmy odwróconą tablicę z powrotem za pomocą join:

javascriptlet date = '2025-12-31';
let res = date.split('-').reverse().join('.');

console.log(res);

Wynik wykonania kodu:

javascript'31.12.2025'

Zobacz też

  • metoda split,
    która dzieli ciąg na tablicę według określonego separatora
  • metoda reverse,
    która zmienia kolejność elementów w tablicy na odwrotną
  • metoda concat,
    która łączy ciągi w jeden