一个字符串反转函数可实现字符串倒序


Posted in Javascript onSeptember 15, 2014

第一种方法:

<script type="text/javascript">
var str="abcdeg";
function demo(str){
var str2="";
for(var i=0;i<str.length;i++){
str2+=str.charAt(str.length-i-1);
}

document.write(str+"<br />"+str2)
}
demo(str);
</script>

第二种方法:

<input type="textfield" id="input"/>
<div id="result"></div>
<input type="button" value="reverse" onclick="reverse()"/> 
<script language="javascript">
function reverse()
{
var str=document.getElementById("input").value;
var a=str.split('');
var result=new Array();
while(a.length)
{
result.push(a.pop());
}
document.getElementById("result").innerHTML=result.join('');
}

</script>

下面对例子中使用到的 JS 方法进行说明:

1、join():该方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

返回值:返回字符串值,其中包含了连接到一起的数组的所有元素,元素由指定的分隔符分隔开来。

格式:arrayObj.join(separator)

arrayObj 必选项,Array 对象;

separator 可选。指定要使用的分隔符。如果省略该参数,则使用逗号作为分隔符。

var arr = new Array(3)
arr[0] = "George"
arr[1] = "John"
arr[2] = "Thomas" 

document.write(arr.join("."))

输出:
George.John.Thomas

注:Array.join() 等价于 Array.toString()

2、split():将一个字符串分割为子字符串数组,然后将结果作为字符串数组返回。

格式:stringObj.split(separator, hovmany)

stringObj 必选项,要被分解的 String 对象或文字。

separator 可选项。字符串或正则表达式对象,它标识了分隔字符串时使用的是一个还是多个字符。如果忽略该选项,返回包含整个字符串的单一元素数组。

hovmany可选项。该值用来限制返回数组最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

<script type="text/javascript">

var str="How are you doing today?"

document.write(str.split(" ") + "<br />")

document.write(str.split("") + "<br />")

document.write(str.split(" ",3))

</script>

输出:

How,are,you,doing,today?

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

How,are,you

3、reverse():返回一个元素顺序被反转的 Array 对象。

格式:arrayObj.reverse()

arrayObj 必选项,Array 对象。

该方法会改变原来的数组,而不会创建新的数组。

<script type="text/javascript">

var arr = new Array(3)

arr[0] = "George"

arr[1] = "John"arr[2] = "Thomas"

document.write(arr + "<br />")

document.write(arr.reverse()) 

</script>

输出:

George,John,Thomas

Thomas,John,George

4.charAt() 方法可返回指定位置的字符。

语法

stringObject.charAt(index)

Index 必需。表示字符串中某个位置的数字,即字符在字符串中的下标

提示和注释

注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

实例

在字符串 "Hello world!" 中,我们将返回位置 1 的字符:

<script type="text/javascript">
var str="Hello world!"
document.write(str.charAt(1)) 
</script>

以上代码的输出是:

e

Javascript 相关文章推荐
通过继承IHttpHandle实现JS插件的组织与管理
Jul 13 Javascript
菜鸟javascript基础资料整理3 正则
Dec 06 Javascript
jQuery 快速结束当前正在执行的动画
Nov 20 Javascript
web前端开发JQuery常用实例代码片段(50个)
Aug 28 Javascript
javascript比较语义化版本号的实现代码
Sep 09 Javascript
详解vue2.0 使用动态组件实现 Tab 标签页切换效果(vue-cli)
Aug 30 Javascript
在一个页面实现两个zTree联动的方法
Dec 20 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
Sep 04 Javascript
CryptoJS中AES实现前后端通用加解密技术
Dec 18 Javascript
JavaScript设计模式之观察者模式实例详解
Jan 16 Javascript
vue draggable resizable 实现可拖拽缩放的组件功能
Jul 15 Javascript
Vuex 模块化使用详解
Jul 31 Javascript
jquery实现类似淘宝星星评分功能有截图
Sep 15 #Javascript
javascript使用数组的push方法完成快速排序
Sep 15 #Javascript
一款由jquery实现的整屏切换特效
Sep 15 #Javascript
JavaScript获取鼠标移动时的坐标(兼容IE8、chome谷歌、Firefox)
Sep 13 #Javascript
用javascript关闭本窗口不弹出询问框的方法
Sep 12 #Javascript
javascript trim函数在IE下不能用的解决方法
Sep 12 #Javascript
javascript在IE下trim函数无法使用的解决方法
Sep 12 #Javascript
You might like
IP138 IP地址查询小偷实现代码
2010/02/15 PHP
解析在PHP中使用mysqli扩展库对mysql的操作
2013/07/03 PHP
PHP判断网络文件是否存在的方法
2015/03/12 PHP
iOS10推送通知开发教程
2016/09/19 PHP
PHP连接MySQL数据库三种实现方法
2020/12/10 PHP
javascript中对对层的控制
2006/12/29 Javascript
javascript简单性能问题及学习笔记
2014/02/04 Javascript
Javascript闭包实例详解
2015/11/29 Javascript
基于Bootstrap重置输入框内容按钮插件
2016/05/12 Javascript
jquery.Jcrop结合JAVA后台实现图片裁剪上传实例
2016/11/05 Javascript
React中的refs的使用教程
2018/02/13 Javascript
Angular Material Icon使用详解
2018/11/07 Javascript
node使用request请求的方法
2019/12/20 Javascript
微信小程序 scroll-view的使用案例代码详解
2020/06/11 Javascript
[02:47]2018年度DOTA2最佳辅助位选手4号位-完美盛典
2018/12/17 DOTA
解决python opencv无法显示图片的问题
2018/10/28 Python
程序员写Python时的5个坏习惯,你有几条?
2018/11/26 Python
Python OpenCV利用笔记本摄像头实现人脸检测
2020/08/20 Python
Python 项目转化为so文件实例
2019/12/23 Python
Python实现电视里的5毛特效实例代码详解
2020/05/15 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
scrapy处理python爬虫调度详解
2020/11/23 Python
英国马莎百货官网:Marks & Spencer
2016/07/29 全球购物
SEPHORA新西兰官方网站:购买化妆品和护肤品
2016/12/02 全球购物
size?爱尔兰官方网站:英国伦敦的球鞋精品店
2019/03/31 全球购物
护士在校生自荐信
2014/02/01 职场文书
电子装配专业毕业生求职信
2014/04/23 职场文书
2014教师个人自我评价范文
2014/09/13 职场文书
工作检讨书怎么写
2014/10/10 职场文书
通知函格式范文
2015/04/27 职场文书
走进毛泽东观后感
2015/06/04 职场文书
学生退学证明
2015/06/23 职场文书
党章党规党纪学习心得体会
2016/01/14 职场文书
《实心球》教学反思
2016/02/23 职场文书
初中语文教学反思范文
2016/03/03 职场文书
《孙子兵法》:欲成大事者,需读懂这些致胜策略
2019/08/23 职场文书