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


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 相关文章推荐
mapper--图片热点区域高亮组件官方站点
Dec 22 Javascript
jQuery Mobile中的button按钮组件基础使用教程
May 23 Javascript
基于ajax与msmq技术的消息推送功能实现代码
Dec 26 Javascript
快速解决vue在ios端下点击响应延时的问题
Aug 27 Javascript
vue 项目中使用Loading组件的示例代码
Aug 31 Javascript
详解react native页面间传递数据的几种方式
Nov 07 Javascript
Vue.js特性Scoped Slots的浅析
Feb 20 Javascript
el-select数据过多懒加载的解决(loadmore)
May 29 Javascript
js定义类的方法示例【ES5与ES6】
Jul 30 Javascript
JS异步处理的进化史深入讲解
Aug 25 Javascript
原生js实现贪食蛇小游戏的思路详解
Nov 26 Javascript
微信小程序点击滚动到指定位置的实现
May 22 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下获取http状态的实现代码
2014/05/09 PHP
html读出文本文件内容
2007/01/22 Javascript
input+select(multiple) 实现下拉框输入值
2009/05/21 Javascript
JavaScript定义类或函数的几种方式小结
2011/01/09 Javascript
Javascript的数组与字典用法与遍历对象的属性技巧
2012/11/07 Javascript
JavaScript自动设置IFrame高度的小例子
2013/06/08 Javascript
JS实现Enter键跳转及控件获得焦点
2013/08/12 Javascript
JQuery的ready函数与JS的onload的区别详解
2013/11/21 Javascript
Dojo Javascript 编程规范 规范自己的JavaScript书写
2014/10/26 Javascript
js父页面中使用子页面的方法
2016/01/09 Javascript
教大家轻松制作Bootstrap漂亮表格(table)
2016/12/13 Javascript
jquery实现图片轮播器
2017/05/23 jQuery
集成vue到jquery/bootstrap项目的方法
2018/02/10 jQuery
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
微信小程序实现分享到朋友圈功能
2018/07/19 Javascript
解决jquery有正确返回值但不执行success函数的问题
2018/08/20 jQuery
详解JS实现系统登录页的登录和验证
2019/04/29 Javascript
原生JS实现动态添加新元素、删除元素方法
2019/05/05 Javascript
vue 动态组件用法示例小结
2020/03/06 Javascript
python对excel文档去重及求和的实例
2018/04/18 Python
python3爬虫之设计签名小程序
2018/06/19 Python
10 行 Python 代码教你自动发送短信(不想回复工作邮件妙招)
2018/10/11 Python
django之跨表查询及添加记录的示例代码
2018/10/16 Python
python分批定量读取文件内容,输出到不同文件中的方法
2018/12/08 Python
基于多进程中APScheduler重复运行的解决方法
2019/07/22 Python
python实现翻译word表格小程序
2020/02/27 Python
python实现ssh及sftp功能(实例代码)
2020/03/16 Python
Pandas对DataFrame单列/多列进行运算(map, apply, transform, agg)
2020/06/14 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
Html5新标签datalist实现输入框与后台数据库数据的动态匹配
2017/05/18 HTML / CSS
俄罗斯最大的消费电子连锁零售商:Mvideo
2017/06/25 全球购物
Europcar德国:全球汽车租赁领域的领导者
2018/08/15 全球购物
生物技术专业研究生自荐信
2013/09/22 职场文书
木工主管岗位职责
2013/12/08 职场文书
清明节扫墓活动方案
2014/03/02 职场文书
详解Java实践之建造者模式
2021/06/18 Java/Android