JavaScript 编程:反转字符串

要理解此示例,您应了解以下 JavaScript 编程 主题


示例 1:使用 for 循环反转字符串

// program to reverse a string

function reverseString(str) {

    // empty string
    let newString = "";
    for (let i = str.length - 1; i >= 0; i--) {
        newString += str[i];
    }
    return newString;
}

// take input from the user
const string = prompt('Enter a string: ');

const result = reverseString(string);
console.log(result);

输出

Enter a string: hello world
dlrow olleh

在上面的程序中,用户被提示输入一个字符串。该字符串被传递给 reverseString() 函数。

reverseString() 函数内部,

  • 创建了一个空的 newString 变量。
  • for 循环用于迭代字符串。在第一次迭代中,str.length - 1 给出了最后一个元素的位置。该元素被添加到 newString 变量中。
    这个过程对所有字符串元素继续进行。
  • 在每次迭代中,i 的值都会减小,并一直持续到它变成 0

示例 2:使用内置方法反转字符串

// program to reverse a string

function reverseString(str) {

    // return a new array of strings
    const arrayStrings = str.split("");
   
    // reverse the new created array elements
    const reverseArray = arrayStrings.reverse();
 
    // join all elements of the array into a string
    const joinArray = reverseArray.join("");
    
    // return the reversed string
    return joinArray;
}
 
// take input from the user
const string = prompt('Enter a string: ');

const result = reverseString(string);
console.log(result);

输出

Enter a string: hello
olleh

在上面的程序中,使用内置方法来反转字符串。

  • 首先,使用 split() 方法将字符串拆分成单个数组元素。str.split("") 得到 ["h", "e", "l", "l", "o"]
  • 使用 reverse() 方法反转字符串元素。arrayStrings.reverse() 得到 ["o", "l", "l", "e", "h"]
  • 使用 join() 方法将反转后的字符串元素连接成一个字符串。reverseArray.join("") 得到 olleh

在我们结束之前,让我们来检验一下你对这个例子的理解!你能解决下面的挑战吗?

挑战

编写一个函数来反转字符串。

  • 反转给定的字符串 str 并返回它。
  • 例如,如果 str = "Hello World!",则预期输出为 "!dlroW olleH"
你觉得这篇文章有帮助吗?

我们的高级学习平台,凭借十多年的经验和数千条反馈创建。

以前所未有的方式学习和提高您的编程技能。

试用 Programiz PRO
  • 交互式课程
  • 证书
  • AI 帮助
  • 2000+ 挑战