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


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 相关文章推荐
javascript 学习笔记(六)浏览器类型及版本信息检测代码
Apr 08 Javascript
jQuery获得页面元素的绝对/相对位置即绝对X,Y坐标
Mar 06 Javascript
跟我学习javascript的定时器
Nov 19 Javascript
jQuery点击改变class并toggle及toggleClass()方法定义用法
Dec 11 Javascript
JavaScript实现瀑布流布局
Jun 28 Javascript
Bootstrap缩略图与警告框学习使用
Feb 08 Javascript
Centos6.8下Node.js安装教程
May 12 Javascript
AngularJs点击状态值改变背景色的实例
Dec 18 Javascript
vue-rx的初步使用教程
Sep 21 Javascript
Vue press 支持图片放大功能的实例代码
Nov 09 Javascript
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
Apr 14 Javascript
Vue触发隐藏input file的方法实例详解
Aug 14 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
全国FM电台频率大全 - 27 陕西省
2020/03/11 无线电
smarty实例教程
2006/11/19 PHP
php Undefined index的问题
2009/06/01 PHP
php 字符串压缩方法比较示例
2014/01/23 PHP
解密ThinkPHP3.1.2版本之模板继承
2014/06/19 PHP
php和asp语法上的区别总结
2019/05/12 PHP
javscript对象原型的一些看法
2010/09/19 Javascript
EASYUI TREEGRID异步加载数据实现方法
2012/08/22 Javascript
js/jquery解析json和数组格式的方法详解
2014/01/09 Javascript
jQuery表格排序组件-tablesorter使用示例
2014/05/26 Javascript
Javascript数组Array方法解读
2016/03/13 Javascript
浏览器兼容的JS写法总结
2016/04/27 Javascript
JavaScript中关于iframe滚动条的去除和保留
2016/11/17 Javascript
bootstrap laydate日期组件使用详解
2017/01/04 Javascript
微信小程序-getUserInfo回调的实例详解
2017/10/27 Javascript
webpack 如何同时输出压缩和未压缩的文件的实现步骤
2020/06/05 Javascript
[51:50]完美世界DOTA2联赛 Magma vs GXR 第一场 11.07
2020/11/10 DOTA
Python使用新浪微博API发送微博的例子
2014/04/10 Python
分析用Python脚本关闭文件操作的机制
2015/06/28 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
使用Django启动命令行及执行脚本的方法
2018/05/29 Python
解决项目pycharm能运行,在终端却无法运行的问题
2019/01/19 Python
django 消息框架 message使用详解
2019/07/22 Python
Python socket聊天脚本代码实例
2020/01/02 Python
用CSS3实现Win8风格的方格导航菜单效果
2013/04/10 HTML / CSS
详解HTML5中的picture元素响应式处理图片
2018/01/03 HTML / CSS
会计专业毕业生自荐信范文
2013/12/20 职场文书
生物学学生自我评价
2014/01/17 职场文书
怎样写好创业计划书的内容
2014/02/06 职场文书
环境整治工作方案
2014/05/18 职场文书
学生打架检讨书
2014/10/20 职场文书
论文评审意见
2015/06/05 职场文书
关于践行三严三实的心得体会
2016/01/05 职场文书
Python基础之进程详解
2021/05/21 Python
go select编译期的优化处理逻辑使用场景分析
2021/06/28 Golang
Python测试框架pytest高阶用法全面详解
2022/06/01 Python