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


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 相关文章推荐
短信提示使用 特效
Jan 19 Javascript
分享一个用Mootools写的鼠标滑过进度条改变进度值的实现代码
Dec 12 Javascript
JS中不为人知的五种声明Number的方式简要概述
Feb 22 Javascript
jquery实现点击弹出层效果的简单实例
Mar 03 Javascript
Grunt入门教程(自动任务运行器)
Aug 06 Javascript
jQuery on()绑定动态元素出现的问题小结
Feb 19 Javascript
SelecT下拉框选中和取值的解决方法
Nov 22 Javascript
JS针对Array的各种操作汇总
Nov 29 Javascript
微信小程序 MD5加密登录密码详解及实例代码
Jan 12 Javascript
Bootstrap3下拉菜单的实现
Feb 22 Javascript
Bootstrap table表格初始化表格数据的方法
Jul 25 Javascript
编写v-for循环的技巧汇总
Dec 01 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 list()函数的详解
2013/06/05 PHP
php实现文件下载(支持中文文名)
2013/12/04 PHP
php获取客户端电脑屏幕参数的方法
2015/01/09 PHP
jquery弹出层类代码分享
2013/12/27 Javascript
js函数名与form表单元素同名冲突的问题
2014/03/07 Javascript
JS中frameset框架弹出层实例代码
2016/04/01 Javascript
BootStrap Table 分页后重新搜索问题的解决办法
2016/08/08 Javascript
react.js 翻页插件实例代码
2017/01/19 Javascript
解决给dom元素绑定click等事件无效问题的方法
2017/02/17 Javascript
nodejs构建本地web测试服务器 如何解决访问静态资源问题
2017/07/14 NodeJs
浅谈vuex之mutation和action的基本使用
2017/08/29 Javascript
vue2 设置router-view默认路径的实例
2018/09/20 Javascript
通过实例了解Nodejs模块系统及require机制
2020/07/16 NodeJs
[01:48]2018DOTA2亚洲邀请赛主赛事第二日五佳镜头 VG完美团战逆转TNC
2018/04/05 DOTA
python基础教程之分支、循环简单用法
2016/06/16 Python
Python中防止sql注入的方法详解
2017/02/25 Python
用python处理图片之打开\显示\保存图像的方法
2018/05/04 Python
python实现字符串加密成纯数字
2019/03/19 Python
python 设置xlabel,ylabel 坐标轴字体大小,字体类型
2019/07/23 Python
python反爬虫方法的优缺点分析
2020/11/25 Python
css3学习之2D转换功能详解
2016/12/23 HTML / CSS
详解Html5微信支付爬坑之路
2018/07/24 HTML / CSS
有关HTML5页面在iPhoneX适配问题
2017/11/13 HTML / CSS
中国跨境电子商务网站:NewFrog
2018/03/10 全球购物
说一下mysql, oracle等常见数据库的分页实现方案
2012/09/29 面试题
为什么需要版本控制
2016/10/28 面试题
卫校护理专业毕业生求职信
2013/11/26 职场文书
高中生期末评语
2014/01/28 职场文书
计算机毕业生自荐信
2014/06/12 职场文书
2015年元宵节活动总结
2015/02/06 职场文书
初中毕业感言300字
2015/07/31 职场文书
认识实习感想
2015/08/10 职场文书
新兵入伍决心书
2015/09/22 职场文书
导游词之湖州-太湖
2019/10/11 职场文书
python munch库的使用解析
2021/05/25 Python
解决Mysql的left join无效及使用的注意事项说明
2021/07/01 MySQL