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


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获得内容和属性方法及示例
Dec 02 Javascript
jQuery实现标题有打字效果的焦点图代码
Nov 16 Javascript
基于jQuery实现弹出可关闭遮罩提示框实例代码
Jul 18 Javascript
jquery 中toggle的2种用法详解(推荐)
Sep 02 Javascript
vue-cli 组件的导入与使用教程详解
Apr 11 Javascript
React Navigation 使用中遇到的问题小结
May 08 Javascript
简单了解Ajax表单序列化的实现方法
Jun 14 Javascript
微信小程序实现form表单本地储存数据
Jun 27 Javascript
使用JS实现动态时钟
Mar 12 Javascript
Vue表单提交点击事件只允许点击一次的实例
Oct 23 Javascript
原生JS运动实现轮播图
Jan 02 Javascript
Ajax实现三级联动效果
Oct 05 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
DOTA2 探索永无止境 玩家自创强悍插眼攻略
2020/04/20 DOTA
php的curl实现get和post的代码
2008/08/23 PHP
PHP+shell实现多线程的方法
2015/07/01 PHP
理解Javascript_06_理解对象的创建过程
2010/10/15 Javascript
有关JavaScript的10个怪癖和秘密分享
2011/08/28 Javascript
jquery 插件学习(六)
2012/08/06 Javascript
jquery乱码与contentType属性设置问题解决方案
2013/01/07 Javascript
jQuery 插件仿百度搜索框智能提示(带Value值)
2013/01/22 Javascript
js动态创建表格,删除行列的小例子
2013/07/20 Javascript
浅谈Javascript 执行顺序
2013/12/18 Javascript
关于jQuery中的each方法(jQuery到底干了什么)
2014/03/05 Javascript
JavaScript中的立即执行函数表达式介绍
2015/03/15 Javascript
基于jQuery实现拖拽图标到回收站并删除功能
2015/11/25 Javascript
JS使用JSON作为参数实例分析
2016/06/23 Javascript
Bootstrap table右键功能实现方法
2017/02/20 Javascript
微信小程序实现留言板
2018/10/31 Javascript
关于node-bindings无法在Electron中使用的解决办法
2018/12/18 Javascript
jQuery实现简单飞机大战
2020/07/05 jQuery
js实现无缝轮播图插件封装
2020/07/31 Javascript
Python中IPYTHON入门实例
2015/05/11 Python
对Python 两大环境管理神器 pyenv 和 virtualenv详解
2018/12/31 Python
Python3 安装PyQt5及exe打包图文教程
2019/01/08 Python
Python实现队列的方法示例小结【数组,链表】
2020/02/22 Python
python中wx模块的具体使用方法
2020/05/15 Python
Python将list元素转存为CSV文件的实现
2020/11/16 Python
浅析几个CSS3常用功能的写法
2014/06/05 HTML / CSS
巴西美妆购物网站:Kutiz Beauté
2019/03/13 全球购物
匡威西班牙官网:Converse西班牙
2019/10/01 全球购物
武汉东之林科技有限公司机试
2013/09/17 面试题
一年级评语大全
2014/04/23 职场文书
文艺节目主持词
2015/07/06 职场文书
房屋转让协议书(标准范本)
2016/03/21 职场文书
《语言的突破》读后感3篇
2019/12/12 职场文书
MySQL 发生同步延迟时Seconds_Behind_Master还为0的原因
2021/06/21 MySQL
Python学习之异常中的finally使用详解
2022/03/16 Python
分析SQL窗口函数之取值窗口函数
2022/04/21 Oracle