Чем отличается split, reverse, join и на каких типах данных они работают?

Эти методы часто путают, потому что их комбинируют в цепочках, но они относятся к разным типам.

Определение

1. split (String.prototype.split)
   Превращает строку в массив подстрок.

2. reverse (Array.prototype.reverse)
   Переворачивает массив и мутирует исходный массив.

3. join (Array.prototype.join)
   Склеивает элементы массива в строку.

На каких типах работают

1. split работает на строке:

   • возвращает массив строк.

2. reverse работает на массиве:

   • возвращает тот же массив, но уже перевернутый.

3. join работает на массиве:

   • возвращает строку.

Примеры

Разбить CSV-строку:

const s = "a,b,c";
const parts = s.split(",");
console.log(parts); // ["a", "b", "c"]

Перевернуть массив:

const arr = [1, 2, 3];
arr.reverse();
console.log(arr); // [3, 2, 1] (исходный массив изменился)

Склеить массив в строку:

const arr = ["a", "b", "c"];
const s = arr.join("-");
console.log(s); // "a-b-c"

Частый кейс: развернуть строку

const s = "hello";
const reversed = s.split("").reverse().join("");
console.log(reversed); // "olleh"

Подводные камни

1. reverse() мутирует массив — если массив нужен дальше в исходном порядке, делайте копию:

   const reversed = [...arr].reverse();
   

2. split("") ломает некоторые символы (например, эмодзи) на части, потому что они могут состоять из нескольких кодовых единиц.

Вывод

split — строка → массив, reverse — переворот массива (с мутацией), join — массив → строка. Вместе они дают удобные преобразования, но важно помнить про мутацию reverse.