Метод join JavaScript

Метод join объединяет элементы массива в строку с указанным разделителем (он будет вставлен между элементами массива).
Разделитель задается параметром метода и не является обязательным. Если он не задан - по умолчанию в качестве разделителя возьмется запятая. Если вы хотите слить элементы массива без разделителя - укажите его как пустую строку ''.

Синтаксис

1массив.join([разделитель])

Пример 1

Пусть дан некоторый массив. Давайте объединим элементы этого массива в строку с разделителем '-':

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

console.log(str);
// Результат выполнения кода:
'1-2-3'

Пример 2

А теперь давайте не укажем разделитель и по умолчанию разделителем станет запятая:

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

console.log(str);
// Результат выполнения кода:
'1,2,3'

Пример 3

Давайте сольем элементы массива без всякого разделителя:

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

console.log(str);
// Результат выполнения кода:
'123'

Пример 4. Применение

Давайте перевернем символы строки в обратном порядке. Для этого разобьем строку в массив с помощьюsplit по разделителю '' (этот разделитель положит каждый символ строки в отдельный элемент массива), перевернем этот массив с помощью reverse и затем сольем перевернутый массив обратно с помощью join:

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

console.log(result);
// Результат выполнения кода:
'987654321'

Пример 5. Применение

Упростим решение предыдущей задачи - сольем все команды в цепочку:

let str = '123456789';

let result = str.split('').reverse().join('');
console.log(result);
// Результат выполнения кода:
'987654321'

Пример 6. Применение

Дана дата в формате '2025-12-31'. Давайте сделаем из нее формат '31.12.2025'. Для этого разобьем строку в массив с помощью split, перевернем этот массив с помощью reverse и затем сольем перевернутый массив обратно с помощью join:

let date = '2025-12-31';

let result = date.split('-').reverse().join('.');
console.log(result);
// Результат выполнения кода:
'31.12.2025'