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


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的闭包的一个示例说明
Nov 18 Javascript
使用js获取地址栏中传递的值
Jul 02 Javascript
js对象基础实例分析
Jan 13 Javascript
深入理解JavaScript中的对象
Jun 04 Javascript
浅谈JavaScript中的作用域和闭包问题
Jul 07 Javascript
Javascript闭包实例详解
Nov 29 Javascript
JavaScript代码性能优化总结(推荐)
May 16 Javascript
详解Node.js如何开发命令行工具
Aug 14 Javascript
jQuery判断邮箱格式对错实例代码讲解
Apr 12 jQuery
jQuery Form插件使用详解_动力节点Java学院整理
Jul 17 jQuery
Vue 中对图片地址进行拼接的方法
Sep 03 Javascript
Vue-cli assets SubDirectory及PublicPath区别详解
Aug 18 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实现简单的随机抽奖小程序
2016/01/05 PHP
orm获取关联表里的属性值
2016/04/17 PHP
PHP实现上传多文件示例代码
2017/02/20 PHP
thinkphp5框架实现数据库读取的数据转换成json格式示例
2019/10/10 PHP
js Math 对象的方法
2013/09/01 Javascript
replace()方法查找字符使用示例
2013/10/28 Javascript
setTimeout和setInterval的深入理解
2013/11/08 Javascript
将list转换为json失败的原因
2013/12/17 Javascript
js导出txt示例代码
2014/01/14 Javascript
js使用removeChild方法动态删除div元素
2014/08/01 Javascript
node.js中的buffer.Buffer.isBuffer方法使用说明
2014/12/14 Javascript
微信小程序 合法域名校验出错详解及解决办法
2017/03/09 Javascript
js图片放大镜实例讲解(必看篇)
2017/07/17 Javascript
NodeJs crypto加密制作token的实现代码
2019/11/15 NodeJs
如何在微信小程序中存setStorage
2019/12/13 Javascript
vue.config.js中配置Vue的路径别名的方法
2020/02/11 Javascript
node.js基于dgram数据报模块创建UDP服务器和客户端操作示例
2020/02/12 Javascript
element中el-container容器与div布局区分详解
2020/05/13 Javascript
vue 表单输入框不支持focus及blur事件的解决方案
2020/11/17 Vue.js
[02:00]最后,我终于出了辉耀
2018/03/27 DOTA
如何解决django配置settings时遇到Could not import settings 'conf.local'
2014/11/18 Python
Python实现给文件添加内容及得到文件信息的方法
2015/05/28 Python
Python中方法链的使用方法
2016/02/23 Python
PyGame贪吃蛇的实现代码示例
2018/11/21 Python
python 使用turtule绘制递归图形(螺旋、二叉树、谢尔宾斯基三角形)
2019/05/30 Python
python中如何实现将数据分成训练集与测试集的方法
2019/09/13 Python
pytorch构建多模型实例
2020/01/15 Python
Python 格式化打印json数据方法(展开状态)
2020/02/27 Python
利用promise及参数解构封装ajax请求的方法
2021/03/24 Javascript
会计专业个人求职信范文
2014/01/08 职场文书
酒店总经理职务说明书
2014/02/26 职场文书
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
心理健康活动总结
2014/04/30 职场文书
试用期员工工作自我评价
2014/09/10 职场文书
一份文言文检讨书
2014/09/13 职场文书
廉政承诺书2015
2015/04/28 职场文书