JS实现字符串翻转的方法分析

 更新时间:2018年08月31日 10:58:09   作者:会当凌绝顶1080  
这篇文章主要介绍了JS实现字符串翻转的方法,结合实例形式分析了javascript字符串使用reverse方法、字符串遍历方法以及针对输入字符串的遍历、逆序输出等方法实现字符串反转相关操作技巧,需要的朋友可以参考下

本文实例分析了JS实现字符串翻转的方法。分享给大家供大家参考,具体如下:

1. 字符串的完全翻转:

var str = "smile at life";
document.write(str.split("").reverse().join(""));

结果为:

efil ta elims

2. 翻转字符串中单词顺序,但单词字母顺序不变:

function reverseStr(param){
var arr = param.split(" ");
var newArr = [];
for(i=0;i<arr.length;i++){
newArr[arr.length-i] = arr[i];
}
return newArr.join(" ");
}
document.write(reverseStr("smile at life"));

运行结果:

life at smile

附:输入字符串反转操作完整示例

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>www.jb51.net JS反转字符串</title>
<script>
 var str=prompt("请输入任意字符串:");
 var aR=new Array(str.length);
 var i=str.length-1;
 var j=0;
 while(i>=0)
 {
   aR[j]=str.charAt(i);
   i--;
   j++;
 }
 document.write("翻转后是:<br/>");
 for(j=0;j<str.length;j++)
 {
   document.write(aR[j]);
 }
</script>
</head>
<body>
</body>
</html>

这里使用在线HTML/CSS/JavaScript代码运行工具http://tools.jb51.net/code/HtmlJsRun测试,可得到如下运行结果:

PS:这里再为大家推荐一款功能相似的在线工具供大家参考:

在线文本倒序翻转排序工具:
http://tools.jb51.net/aideddesign/flipped_txt

更多关于JavaScript相关内容感兴趣的读者可查看本站专题:《JavaScript数学运算用法总结》、《JavaScript数据结构与算法技巧总结》、《JavaScript数组操作技巧总结》、《JavaScript事件相关操作与技巧大全》、《JavaScript操作DOM技巧总结》及《JavaScript字符与字符串操作技巧总结

希望本文所述对大家JavaScript程序设计有所帮助。

相关文章

  • 使用纯javascript实现经典扫雷游戏

    使用纯javascript实现经典扫雷游戏

    本文给大家分享的是个人刚开始学习javascript的时候写的仿windows经典的扫雷游戏的代码,当时只是写了下来,没加注释,这里补上,有需要的小伙伴可以参考下。
    2015-04-04
  • JavaScript获取时间戳的方法总结

    JavaScript获取时间戳的方法总结

    JavaScript获得时间戳的方法有五种,后四种都是通过实例化时间对象new Date() 来进一步获取当前的时间戳,下面我们就一起学习一下具体获取的方法吧
    2023-09-09
  • 浅谈JavaScript中this的指向更改

    浅谈JavaScript中this的指向更改

    这篇文章主要介绍了浅谈JavaScript中this的指向更改,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-07-07
  • JS验证码实现代码

    JS验证码实现代码

    本文通过实例代码给大家分享基于javascript实现的验证码功能,非常不错,具有参考借鉴价值,需要的朋友参考下吧
    2017-09-09
  • 根据服务器时间作为起始,显示时钟的小程序

    根据服务器时间作为起始,显示时钟的小程序

    一般的网页都有这种功能:在页面上动态显示当前时间,这个的实现也很简单,基本上一行代码就实现了
    2009-06-06
  • 最简短的拖动对象代码实例演示

    最简短的拖动对象代码实例演示

    最简短的拖动对象代码实例演示...
    2006-11-11
  • 微信小程序实现左右联动

    微信小程序实现左右联动

    这篇文章主要为大家详细介绍了微信小程序实现左右联动,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • 浅谈layui使用模板引擎动态渲染元素要注意的问题

    浅谈layui使用模板引擎动态渲染元素要注意的问题

    今天小编就为大家分享一篇浅谈layui使用模板引擎动态渲染元素要注意的问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-09-09
  • 微信小程序多张图片上传功能

    微信小程序多张图片上传功能

    这篇文章主要为大家详细介绍了微信小程序实现多张图片上传功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-06-06
  • 基于JavaScript实现移除(删除)数组中指定元素

    基于JavaScript实现移除(删除)数组中指定元素

    在Array对象中有给定的函数可以删除数组中指定的元素,虽然非常好用,但是总感觉看不到摸不着的比较别扭,下面就分享一个自定义的删除数组指定索引值元素的函数,希望给大家一个全新的思路
    2016-01-01

最新评论