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


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 相关文章推荐
js停止输出代码
Jul 20 Javascript
js中 关于undefined和null的区别介绍
Apr 16 Javascript
window.location 对象所包含的属性
Oct 10 Javascript
JavaScript 模块化编程(笔记)
Apr 08 Javascript
有关jquery与DOM节点操作方法和属性记录
Apr 15 Javascript
AngularJS实现在ng-Options加上index的解决方法
Nov 03 Javascript
jQuery实现table中两列CheckBox只能选中一个的示例
Sep 22 jQuery
javaScript之split与join的区别(详解)
Nov 08 Javascript
vue使用laydate时间插件的方法
Nov 14 Javascript
前端路由&amp;webpack基础配置详解
Jun 10 Javascript
node+multer实现图片上传的示例代码
Feb 18 Javascript
JavaScript实现京东快递单号查询
Nov 30 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
PHP获取MAC地址的函数代码
2011/09/11 PHP
三种php连接access数据库方法
2013/11/11 PHP
PHP生成二维码的两个方法和实例
2014/07/01 PHP
php简单实现MVC
2015/02/05 PHP
php使用simplexml_load_file加载XML文件并显示XML的方法
2015/03/19 PHP
php微信开发之谷歌测距
2018/06/14 PHP
event.srcElement+表格应用
2006/08/29 Javascript
禁止选中文字兼容IE、Chrome、FF等
2013/09/04 Javascript
删除条目时弹出的确认对话框
2014/06/05 Javascript
jQuery实现统计复选框选中数量
2014/11/24 Javascript
js数组去重的方法汇总
2015/07/29 Javascript
jQuery实现div随意拖动的实例代码(通用代码)
2016/01/28 Javascript
javascript事件的绑定基础实例讲解(34)
2017/02/14 Javascript
ztree实现权限横向显示功能
2017/05/20 Javascript
vue+Element实现搜索关键字高亮功能
2019/05/28 Javascript
js JSON.stringify()基础详解
2019/06/19 Javascript
js实现超级玛丽小游戏
2020/03/18 Javascript
JS实现悬浮球只在一侧滑动并且是横屏状态下
2020/08/19 Javascript
[01:45]DOTA2众星出演!DSPL刀塔次级职业联赛宣传片
2014/11/21 DOTA
[42:24]完美世界DOTA2联赛PWL S2 LBZS vs FTD.C 第三场 11.27
2020/12/01 DOTA
python使用str &amp; repr转换字符串
2016/10/13 Python
基于Linux系统中python matplotlib画图的中文显示问题的解决方法
2017/06/15 Python
python2 与 pyhton3的输入语句写法小结
2018/09/10 Python
python实现合并两个排序的链表
2019/03/03 Python
Python 操作mysql数据库查询之fetchone(), fetchmany(), fetchall()用法示例
2019/10/17 Python
PyQt5实现简单的计算器
2020/05/30 Python
快速了解Python开发环境Spyder
2020/06/29 Python
字中字效果的实现【html5实例】
2016/05/03 HTML / CSS
Lookfantastic意大利官网:英国知名美妆购物网站
2019/05/31 全球购物
护理专科毕业推荐信
2013/11/10 职场文书
合作协议书范本
2014/04/17 职场文书
公安学专业求职信
2014/07/27 职场文书
九寨沟导游词
2015/02/02 职场文书
部队个人年终总结
2015/03/02 职场文书
报案材料怎么写
2015/05/25 职场文书
小学一年级班主任工作经验交流材料
2015/11/02 职场文书