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


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 相关文章推荐
表单提交验证类
Jul 14 Javascript
执行iframe中的javascript方法
Oct 07 Javascript
JavaScript 组件之旅(四):测试 JavaScript 组件
Oct 28 Javascript
JavaScript二维数组实现的省市联动菜单
May 08 Javascript
javascript将浮点数转换成整数的三个方法
Jun 23 Javascript
jQuery中attr()方法用法实例
Jan 05 Javascript
js实现点击链接后窗口缩小并居中的方法
Mar 02 Javascript
JS+CSS实现滑动切换tab菜单效果
Aug 25 Javascript
基于jQuery全屏焦点图左右切换插件responsiveslides
Sep 07 Javascript
详解JavaScript函数对象
Nov 15 Javascript
浅谈javascript alert和confirm的美化
Dec 15 Javascript
js全屏事件fullscreenchange 实现全屏、退出全屏操作
Sep 17 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
DedeCMS dede_channeltype表字段注释
2010/04/07 PHP
php二维数组排序与默认自然排序的方法介绍
2013/04/27 PHP
php实现的替换敏感字符串类实例
2014/09/22 PHP
详解PHP的Yii框架中日志的相关配置及使用
2015/12/08 PHP
根据出生日期自动取得星座的js代码
2010/07/20 Javascript
一个分享按钮的插件使用介绍(可扩展,内附开发制作流程)
2011/09/19 Javascript
学习从实践开始之jQuery插件开发 菜单插件开发
2012/05/03 Javascript
jquery动画3.创建一个带遮罩效果的图片走廊
2012/08/24 Javascript
JSON语法五大要素图文介绍
2012/12/04 Javascript
返回上一页并自动刷新的JavaScript代码
2014/02/19 Javascript
JS实现判断滚动条滚到页面底部并执行事件的方法
2014/12/18 Javascript
JS实现搜索框文字可删除功能
2016/12/28 Javascript
js实现以最简单的方式将数组元素添加到对象中的方法
2017/12/20 Javascript
微信小程序数据存储与取值详解
2018/01/30 Javascript
原生JS实现网页手机音乐播放器 歌词同步播放的示例
2018/02/02 Javascript
浅谈Vue2.0中v-for迭代语法的变化(key、index)
2018/03/06 Javascript
javascript之分片上传,断点续传的实际项目实现详解
2019/09/05 Javascript
javascript实现京东登录显示隐藏密码
2020/08/02 Javascript
vue动态加载SVG文件并修改节点数据的操作代码
2020/08/17 Javascript
python数组过滤实现方法
2015/07/27 Python
使用Python的Flask框架来搭建第一个Web应用程序
2016/06/04 Python
利用Python破解验证码实例详解
2016/12/08 Python
python网络编程调用recv函数完整接收数据的三种方法
2017/03/31 Python
Python方法的延迟加载的示例代码
2017/12/18 Python
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
解决pandas中读取中文名称的csv文件报错的问题
2018/07/04 Python
Django 表单模型选择框如何使用分组
2019/05/16 Python
Pytorch to(device)用法
2020/01/08 Python
python实现猜数游戏(保存游戏记录)
2020/06/22 Python
美国大型的健身社区和补充商店:Bodybuilding.com
2016/09/06 全球购物
以下的初始化有什么区别
2013/12/16 面试题
node中使用shell脚本的方法步骤
2021/03/23 Javascript
幼儿园消防安全制度
2014/01/26 职场文书
个人承诺书怎么写
2014/05/24 职场文书
教你如何使用Python实现二叉树结构及三种遍历
2021/06/18 Python
Python实战之大鱼吃小鱼游戏的实现
2022/04/01 Python