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


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 各浏览器的 Javascript 效率对比
Jan 23 Javascript
一个基于jquery的文本框记数器
Sep 19 Javascript
全系IE支持Bootstrap的解决方法
Oct 19 Javascript
深入学习JavaScript的AngularJS框架中指令的使用方法
Mar 05 Javascript
js实现砖头在页面拖拉效果
Nov 20 Javascript
基于jQuery和Bootstrap框架实现仿知乎前端动态列表效果
Nov 09 Javascript
JS实现淡入淡出图片效果的方法分析
Dec 20 Javascript
详解在vue-cli中使用路由
Sep 25 Javascript
原生JavaScrpit中异步请求Ajax实现方法
Nov 03 Javascript
node(koa2) web应用模块介绍详解
Mar 29 Javascript
面试题:react和vue的区别分析
Apr 08 Javascript
JavaScript Array对象基本方法详解
Sep 03 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
Body是什么,该怎么喝出咖啡里的口感
2021/03/03 咖啡文化
PHP基础学习小结
2011/04/17 PHP
PHP 验证码的实现代码
2011/07/17 PHP
浅析PHP中的字符串编码转换(自动识别原编码)
2013/07/02 PHP
php使浏览器直接下载pdf文件的方法
2013/11/15 PHP
php判断用户是否关注微信公众号
2016/07/22 PHP
thinkphp框架表单数组实现图片批量上传功能示例
2020/04/04 PHP
如何通过Apache在本地配置多个虚拟主机
2020/07/29 PHP
JavaScript QueryString解析类代码
2010/01/17 Javascript
有道JavaScript监听浏览器的问题
2010/06/23 Javascript
教你如何自定义百度分享插件以及bshare分享插件的分享按钮
2014/06/20 Javascript
JQuery显示、隐藏div的几种方法简明总结
2015/04/16 Javascript
jQuery动态效果显示人物结构关系图的方法
2015/05/07 Javascript
JavaScript中undefined和null的区别
2017/05/03 Javascript
H5基于iScroll实现下拉刷新和上拉加载更多
2017/07/18 Javascript
移动端Ionic App 资讯上下循环滚动的实现代码(跑马灯效果)
2017/08/29 Javascript
Webpack优化配置缩小文件搜索范围
2017/12/25 Javascript
关于vue编译版本引入的问题的解决
2018/09/17 Javascript
Vue+Element UI+Lumen实现通用表格分页功能
2019/02/02 Javascript
Vue 递归多级菜单的实例代码
2019/05/05 Javascript
node.js制作一个简单的登录拦截器
2020/02/10 Javascript
pyv8学习python和javascript变量进行交互
2013/12/04 Python
Django1.7+python 2.78+pycharm配置mysql数据库教程
2014/11/18 Python
Python实现一个简单的MySQL类
2015/01/07 Python
python 实现图片旋转 上下左右 180度旋转的示例
2019/01/24 Python
python redis 删除key脚本的实例
2019/02/19 Python
Python3 Tkinkter + SQLite实现登录和注册界面
2019/11/19 Python
BrandAlley英国:法国折扣奢侈品网上零售商
2017/07/03 全球购物
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
周鸿祎:教你写创业计划书
2013/12/30 职场文书
感恩之星事迹材料
2014/05/03 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
领导干部贪图享乐整改措施
2014/09/21 职场文书
社区敬老月活动总结
2015/05/07 职场文书
网络妈妈观后感
2015/06/08 职场文书
呼啸山庄读书笔记
2015/06/29 职场文书