Js как перевернуть строку?

Почему привычный способ ломает символы

Строки JavaScript хранятся как последовательности единиц UTF-16. Вызов split('') разделяет именно такие единицы, а не все видимые символы целиком. Поэтому разворот полученного массива способен поменять местами половины суррогатной пары. На простом слове ошибка незаметна, а на эмодзи уже появляется повреждённый результат.

Когда достаточно Array.from

Выражение Array.from(text).reverse().join('') работает по кодовым точкам. Оно сохраняет целиком многие одиночные эмодзи и подходит для текста, где этого уровня разбиения достаточно. Однако составная семья, флаг или буква с отдельным комбинируемым знаком может занимать несколько кодовых точек. Их внутренний порядок такой способ тоже изменит.

Как сохранить графемы

Для разворота воспринимаемых знаков используйте сегментацию на графемы:

function reverseText(text) {
  const segmenter = new Intl.Segmenter('ru', { granularity: 'grapheme' });
  const parts = Array.from(segmenter.segment(text), item => item.segment);
  return parts.reverse().join('');
}

Здесь разворачивается массив целых сегментов. Исходная строка не меняется, функция возвращает новое значение. Пустая строка даст пустой результат, а пробелы и знаки пунктуации тоже участвуют в перестановке. Если нужно поменять порядок слов, сохранив сами слова, потребуется другое правило разбиения.

Что проверить перед использованием

Проверьте наличие Intl.Segmenter в той среде, где будет выполняться код. Для старых сред понадобится библиотека сегментации или ограничение допустимого текста. В тестах используйте обычную кириллицу, комбинируемый знак, флаг и составной эмодзи. Обратный порядок графем означает перестановку знаков, но не зеркальное отражение их изображения и не автоматическое исправление правил отображения письма справа налево.

1. Для обычного текста можно начать с Array.from(text).reverse().join(''). В отличие от split(''), это разделяет строку по кодовым точкам и не ломает одиночный символ, представленный суррогатной парой.
2. Для составных эмодзи и букв с отдельными диакритическими знаками нужны графемы. Они могут включать несколько кодовых точек, но восприниматься как один знак.
3. Используйте Intl.Segmenter с параметром {granularity: 'grapheme'}, соберите segment каждого фрагмента, разверните массив и соедините его.
4. Проверьте результат на пустой строке, обычном слове и составном эмодзи, например семейном. Простого примера с латиницей недостаточно, чтобы заметить повреждение Unicode.
5. Убедитесь в поддержке Intl.Segmenter в целевой среде или подключите подходящее разбиение на графемы.

Семейный эмодзи теперь остаётся целым, именно на нём ломалось.