Метод 1: классический цикл For
Давайте начнем с классического подхода с использованием цикла for. Мы пройдемся по каждому символу строки от последнего индекса до первого и объединим их, чтобы сформировать перевернутую строку. Вот код:

function reverseString(str) {
  let reversed = '';
  for (let i = str.length - 1; i >= 0; i--) {
    reversed += str[i];
  }
  return reversed;
}
const originalString = 'Hello, World!';
const reversedString = reverseString(originalString);
console.log(reversedString); // Output: '!dlroW ,olleH'

Метод 2: метод обратного массива
Массивы JavaScript содержат удобный метод reverse(), который можно использовать для изменения порядка элементов на обратный. Преобразовав строку в массив, применив метод reverse()и соединив массив обратно в строку, мы можем добиться желаемого результата. Вот код:

function reverseString(str) {
  return str.split('').reverse().join('');
}
const originalString = 'Hello, World!';
const reversedString = reverseString(originalString);
console.log(reversedString); // Output: '!dlroW ,olleH'

Метод 3: рекурсивный подход
Если вы поклонник рекурсии, вот метод для вас. Мы создадим рекурсивную функцию, которая принимает строку и постепенно удаляет последний символ, пока строка не станет пустой. Затем мы объединим удаленные символы в обратном порядке, чтобы сформировать перевернутую строку. Взгляните на код:

function reverseString(str) {
  if (str === '') {
    return '';
  }
  return reverseString(str.substring(1)) + str.charAt(0);
}
const originalString = 'Hello, World!';
const reversedString = reverseString(originalString);
console.log(reversedString); // Output: '!dlroW ,olleH'

Метод 4: трюк с оператором расширения
В ES6 в JavaScript появился оператор расширения, который можно использовать для преобразования строки в массив. Распределив строку в массив, мы можем легко перевернуть элементы и объединить их обратно в строку. Вот код:

function reverseString(str) {
  return [...str].reverse().join('');
}
const originalString = 'Hello, World!';
const reversedString = reverseString(originalString);
console.log(reversedString); // Output: '!dlroW ,olleH'

Реверс строки в JavaScript — это фундаментальный навык, которым должен овладеть каждый веб-разработчик. В этой статье мы рассмотрели несколько методов, в том числе классический цикл for, обращение массива, рекурсивный подход и трюк с оператором распространения. Используя эти методы, вы будете готовы решать проблемы переворота строк в своих проектах JavaScript. Так что вперед, экспериментируйте с этими методами и раскройте возможности переворачивания строк в JavaScript!