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


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 相关文章推荐
Ext 表单布局实例代码
Apr 30 Javascript
js 获取页面高度和宽度兼容 ie firefox chrome等
May 14 Javascript
jQuery中end()方法用法实例
Jan 08 Javascript
非常酷炫的Bootstrap图片轮播动画
May 27 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
javaScript语法总结
Nov 25 Javascript
livereload工具实现前端可视化开发【推荐】
Dec 23 Javascript
详解Angular 4.x NgTemplateOutlet
May 24 Javascript
vue实现的上传图片到数据库并显示到页面功能示例
Mar 17 Javascript
微信小程序BindTap快速连续点击目标页面跳转多次问题处理
Apr 08 Javascript
Vue.js组件使用props传递数据的方法
Oct 19 Javascript
原生js实现自定义滚动条
Jan 20 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
Server.HTMLEncode让代码在页面里显示为源代码
2013/12/08 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
php中数组最简单的使用方法
2020/12/27 PHP
javascript replace()正则替换实现代码
2010/02/26 Javascript
javascript面向对象之Javascript 继承
2010/05/04 Javascript
javascript中关于break,continue的特殊用法与介绍
2012/05/24 Javascript
基于javascript制作经典传统的拼图游戏
2016/03/22 Javascript
JS模仿手机端九宫格登录功能实现代码
2016/04/28 Javascript
javascript解决小数的加减乘除精度丢失的方案
2016/05/31 Javascript
Bootstrap轮播插件使用代码
2016/10/11 Javascript
PHP+jquery+ajax实现分页
2016/12/09 Javascript
vue将时间戳转换成自定义时间格式的方法
2018/03/02 Javascript
vue中添加与删除关键字搜索功能
2019/10/12 Javascript
微信小程序动态设置图片大小的方法
2019/11/21 Javascript
微信小程序完美解决scroll-view高度自适应问题的方法
2020/08/08 Javascript
[01:00:35]2018DOTA2亚洲邀请赛3月30日B组 EffcetVSMineski
2018/03/31 DOTA
详解Python实现按任意键继续/退出的功能
2016/08/19 Python
详解python3百度指数抓取实例
2016/12/12 Python
python3.5实现socket通讯示例(TCP)
2017/02/07 Python
pandas.dataframe中根据条件获取元素所在的位置方法(索引)
2018/06/07 Python
Python安装selenium包详细过程
2019/07/23 Python
Python大数据之从网页上爬取数据的方法详解
2019/11/16 Python
Python 读取xml数据,cv2裁剪图片实例
2020/03/10 Python
Opencv图像处理:如何判断图片里某个颜色值占的比例
2020/06/03 Python
Python新手学习函数默认参数设置
2020/06/03 Python
如何向scrapy中的spider传递参数的几种方法
2020/11/18 Python
python中time包实例详解
2021/02/02 Python
推荐一些比较有用的css3新属性
2014/11/11 HTML / CSS
分享CSS3制作卡片式图片的方法
2016/07/08 HTML / CSS
美国床垫和床上用品公司:Nest Bedding
2017/06/12 全球购物
英国优质家居用品网上品牌:URBANARA
2018/06/01 全球购物
如何估计一张表的大小(假设该表中有1万条数据)
2016/03/27 面试题
个人四风问题整改措施思想汇报
2014/10/04 职场文书
详解Python 3.10 中的新功能和变化
2021/04/28 Python
win10+anaconda安装yolov5的方法及问题解决方案
2021/04/29 Python
react中的DOM操作实现
2021/06/30 Javascript