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


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.load的方法可以一直load下去
Mar 28 Javascript
jquery1.5.1中根据元素ID获取元素对象的代码
Apr 02 Javascript
AngularJS基础 ng-dblclick 指令用法
Aug 01 Javascript
JS实现的驼峰式和连字符式转换功能分析
Dec 21 Javascript
详解Angular的数据显示优化处理
Dec 26 Javascript
jQuery实现Select下拉列表进行状态选择功能
Mar 30 jQuery
基于vue2实现上拉加载功能
Nov 28 Javascript
解决vue js IOS H5focus无法自动弹出键盘的问题
Aug 30 Javascript
用vuex写了一个购物车H5页面的示例代码
Dec 04 Javascript
js中forEach,for in,for of循环的用法示例小结
Mar 14 Javascript
微信小程序通过websocket实时语音识别的实现代码
Aug 19 Javascript
Vuex实现简单购物车
Jan 10 Vue.js
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
解决文件名解压后乱码的问题 将文件名进行转码的代码
2012/01/10 PHP
ubuntu12.04使用c编写php扩展模块教程分享
2013/12/25 PHP
codeigniter框架The URI you submitted has disallowed characters错误解决方法
2014/05/06 PHP
php用ini_get获取php.ini里变量值的方法
2015/03/04 PHP
php结合正则获取字符串中数字
2015/06/19 PHP
php封装的验证码类分享
2017/02/26 PHP
Lumen timezone 时区设置方法(慢了8个小时)
2018/01/20 PHP
jQuery控制输入框只能输入数值的小例子
2013/03/20 Javascript
Js制作简单弹出层DIV在页面居中 中间显示遮罩的具体方法
2013/08/08 Javascript
js、jquery图片动画、动态切换示例代码
2014/06/03 Javascript
javaScript语法总结
2016/11/25 Javascript
Angular ng-repeat遍历渲染完页面后执行其他操作详细介绍
2016/12/13 Javascript
微信小程序  TLS 版本必须大于等于1.2问题解决
2017/02/22 Javascript
使用Vue开发一个实时性时间转换指令
2018/01/17 Javascript
Webpack4 使用Babel处理ES6语法的方法示例
2019/03/07 Javascript
vue使用代理解决请求跨域问题详解
2019/07/24 Javascript
在vue中使用vuex,修改state的值示例
2019/11/08 Javascript
[01:57]DOTA2上海特锦赛小组赛解说单车采访花絮
2016/02/27 DOTA
python让图片按照exif信息里的创建时间进行排序的方法
2015/03/16 Python
Python捕捉和模拟鼠标事件的方法
2015/06/03 Python
Python求两个文本文件以行为单位的交集、并集与差集的方法
2015/06/17 Python
Python实现的插入排序算法原理与用法实例分析
2017/11/22 Python
解决使用export_graphviz可视化树报错的问题
2019/08/09 Python
基于Python数据结构之递归与回溯搜索
2020/02/26 Python
Python 3.8 新功能来一波(大部分人都不知道)
2020/03/11 Python
python实现从ftp上下载文件的实例方法
2020/07/19 Python
详解使用CSS3的@media来编写响应式的页面
2017/11/01 HTML / CSS
乌克兰时尚鞋子和衣服购物网站:Born2be
2018/05/24 全球购物
犹他州最古老的体育用品公司:Al’s
2020/12/18 全球购物
亚马逊海外购:亚马逊美国、英国、日本、德国直邮
2021/03/18 全球购物
秋天的怀念教学反思
2014/04/28 职场文书
导师推荐信范文
2014/05/09 职场文书
财务会计专业自荐书
2014/06/30 职场文书
春游踏青活动方案
2014/08/14 职场文书
离婚协议书范本(2014版)
2014/09/28 职场文书
Python图片处理之图片裁剪教程
2021/05/27 Python