js 反转字符串|极客笔记

js 反转字符串

在前端开发中，经常会遇到需要反转字符串的情况。反转字符串是指将字符串中的字符顺序颠倒过来，例如将 “hello” 反转为 “olleh”。在本文中，我们将探讨如何使用 JavaScript 来反转字符串。

方法一：使用数组的 reverse 方法

JavaScript 中的字符串是不可变的，也就是说无法直接修改字符串中的字符。但是我们可以将字符串转为数组，对数组进行操作后再转回字符串。其中，可以使用数组的 reverse 方法来实现字符串的翻转。

示例代码如下：

function reverseString(str) {
  return str.split('').reverse().join('');
}

const str = 'hello';
const reversedStr = reverseString(str);
console.log(reversedStr); // olleh

上面的代码中，我们通过 split 方法将字符串转为数组，然后使用 reverse 方法将数组中的元素颠倒顺序，最后通过 join 方法将数组转回字符串。

方法二：遍历字符串逆序拼接

除了使用数组的 reverse 方法，我们还可以利用 for 循环来遍历字符串，并逆序拼接字符，最终得到反转后的字符串。

示例代码如下：

function reverseString(str) {
  let reversedStr = '';
  for (let i = str.length - 1; i >= 0; i--) {
    reversedStr += str[i];
  }
  return reversedStr;
}

const str = 'hello';
const reversedStr = reverseString(str);
console.log(reversedStr); // olleh

在上面的代码中，我们通过 for 循环从字符串末尾开始遍历，逐个将字符拼接到新字符串 reversedStr 中。

方法三：使用递归

递归是一种函数自己调用自己的技术，通过递归可以实现字符串的反转。具体做法是每次从字符串末尾取出一个字符，然后将剩余部分传入递归函数中，直到最后一个字符。

示例代码如下：

function reverseString(str) {
  if (str === '') {
    return '';
  } else {
    return reverseString(str.substr(1)) + str.charAt(0);
  }
}

const str = 'hello';
const reversedStr = reverseString(str);
console.log(reversedStr); // olleh

在上面的代码中，递归函数 reverseString 每次将字符串的第一个字符拼接到剩余部分的反转结果后面，直到原字符串为空，递归结束。

方法四：使用 reduce 方法

JavaScript 中的数组方法 reduce 也可以用来实现字符串的反转。我们可以将字符串转为数组，然后利用 reduce 方法逆序拼接字符。

示例代码如下：

function reverseString(str) {
  return str.split('').reduce((reversedStr, char) => char + reversedStr, '');
}

const str = 'hello';
const reversedStr = reverseString(str);
console.log(reversedStr); // olleh

在上面的代码中，reduce 方法的第一个参数是一个回调函数，该函数在每次循环时将字符 char 拼接到已经反转的字符串 reversedStr 前面。

方法五：使用 ES6 的新特性

在 ES6 中，我们可以使用拓展运算符 (…) 和模板字符串来实现字符串的反转。

示例代码如下：

function reverseString(str) {
  return [...str].reverse().join('');
}

const str = 'hello';
const reversedStr = reverseString(str);
console.log(reversedStr); // olleh

在上面的代码中，[…str] 将字符串转为数组，然后使用数组的 reverse 方法将字符顺序反转，最后通过 join 方法将数组转回字符串。