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


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 相关文章推荐
jquery实现的一个文章自定义分段显示功能
May 23 Javascript
详解AngularJS中的http拦截
Feb 09 Javascript
jQuery+正则+文本框只能输入数字的实现方法
Oct 07 Javascript
js实现文字无缝向上滚动
Feb 16 Javascript
jQuery Validate 相关参数及常用的自定义验证规则
Mar 06 Javascript
layui中layer前端组件实现图片显示功能的方法分析
Oct 13 Javascript
AngularJS 应用模块化的使用
Apr 04 Javascript
页面点击小红心js实现代码
May 26 Javascript
CSS3 动画卡顿性能优化的完美解决方案
Sep 20 Javascript
react 组件传值的三种方法
Jun 03 Javascript
小程序中英文混合排序问题解决
Aug 02 Javascript
jQuery实现放大镜案例
Oct 19 jQuery
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生成静态页的实现方法
2013/05/10 PHP
PHP文件大小格式化函数合集
2014/03/10 PHP
smarty中post用法实例
2014/11/28 PHP
PHP实现的ID混淆算法类与用法示例
2018/08/10 PHP
基于jQuery实现的当离开页面时出现提示的实现代码
2011/06/27 Javascript
PHP结合jQuery实现红蓝投票功能特效
2015/07/22 Javascript
jQuery判断元素是否显示 是否隐藏的简单实现代码
2016/05/19 Javascript
Javascript基础学习笔记(菜鸟必看篇)
2016/07/22 Javascript
Angular2 组件通信的实例代码
2017/06/23 Javascript
jQuery中可见性过滤器简单用法示例
2018/03/31 jQuery
JS实现的3des+base64加密解密算法完整示例
2018/05/18 Javascript
vue路由权限校验功能的实现代码
2020/06/07 Javascript
vue-列表下详情的展开与折叠案例
2020/07/28 Javascript
[01:23:45]DOTA2-DPC中国联赛 正赛 CDEC vs Dragon BO3 第一场 1月22日
2021/03/11 DOTA
Python httplib模块使用实例
2015/04/11 Python
通过Python来使用七牛云存储的方法详解
2015/08/07 Python
python MysqlDb模块安装及其使用详解
2018/02/23 Python
用python实现将数组元素按从小到大的顺序排列方法
2018/07/02 Python
Python使用正则表达式分割字符串的实现方法
2019/07/16 Python
使用css3实现的windows8开机加载动画
2014/12/09 HTML / CSS
HTML5 Canvas的事件处理介绍
2015/04/24 HTML / CSS
使用HTML5做的导航条详细步骤
2020/10/19 HTML / CSS
英国虚拟主机服务商:eUKhost
2016/08/16 全球购物
Aerosoles爱柔仕官网:美国舒软女鞋品牌
2017/07/17 全球购物
bonprix匈牙利:女士、男士和儿童服装
2019/07/19 全球购物
送货司机岗位职责
2013/12/11 职场文书
实习鉴定范文
2013/12/19 职场文书
医药营销个人求职信范文
2014/02/07 职场文书
《长相思》听课反思
2014/04/10 职场文书
保护地球的标语
2014/06/17 职场文书
师德师风个人自我剖析材料
2014/09/27 职场文书
新郎新娘答谢词
2015/01/04 职场文书
《中华上下五千年》读后感3篇
2019/11/29 职场文书
MySQL主从复制断开的常用修复方法
2021/04/07 MySQL
2007年老电脑安装win11会怎么样? 网友实测win11在老电脑运行良好
2021/11/21 数码科技
CSS 鼠标选中文字后改变背景色的实现代码
2023/05/21 HTML / CSS