JavaScript访问字符串中单个字符的两种方法


Posted in Javascript onJuly 03, 2015

概述

JavaScript是一门很灵活的语言,也提供了很多原生的函数供我们编程使用。这篇文章主要对javascript中如何访问字符串中的单个字符做一下介绍。
javascript中一切皆为对象,要访问字符串中的单个字符主要有两种方法:数组索引和charAt()函数。

索引和charAt()

索引方式访问单个字符串
在javascript中,字符串可以被当做数组来处理,所以我们可以用数组下标的方式来访问单个字符。代码如下:

<script type="text/javascript">

    var str="hello world";

    console.log(str[0]); //输出h

</script>

charAt()函数访问单个字符
直接上代码:
<script type="text/javascript">

    var str="hello world";

    console.log(str.charAt(1));  //输出e

</script>

两种方式的不同

1.第一个区别是超出范围的返回值不同
使用string[index]的方式,对于超出字 index范围的,会返回undefined。
而使用charAt(index)的方式,对于超出范围的会返回一个空的字符串。
2.第二个区别,是兼容性问题
string[index]的方式在IE6~8下会返回 undefined, 也就是IE6~8 不兼容此方法。
而charAt(index)经测试,在IE6~8下也能够正常返回值。

总结

如果你不需要考虑IE6~8的话,就可以随便用了,至于性能,都是JavaScript的方法,差别微乎其微。
如果还是苦逼的要考虑IE6~8的话,还是使用charAt()比较好,安全又放心。

Javascript 相关文章推荐
js技巧--转义符&quot;\&quot;的妙用
Jan 09 Javascript
JavaScript 三种不同位置代码的写法
Oct 25 Javascript
基于javascript 闭包基础分享
Jul 10 Javascript
JS获取单击按钮单元格所在行的信息
Jun 17 Javascript
使用script的src实现跨域和类似ajax效果
Nov 10 Javascript
javascript实现checkBox的全选,反选与赋值
Mar 12 Javascript
javascript实现客户端兼容各浏览器创建csv并下载的方法
Mar 23 Javascript
JavaScript制作简易的微信打飞机
Mar 31 Javascript
js图片轮播手动切换特效
Jan 12 Javascript
js原生实现移动端手指滑动轮播图效果的示例
Jan 02 Javascript
JQuery元素快速查找与操作
Apr 22 jQuery
关于vue属性使用和不使用冒号的区别说明
Oct 22 Javascript
JavaScript中解析JSON数据的三种方法
Jul 03 #Javascript
一张Web前端的思维导图分享
Jul 03 #Javascript
JavaScript中的对象与JSON
Jul 03 #Javascript
javascript生成大小写字母
Jul 03 #Javascript
jQuery切换所有复选框选中状态的方法
Jul 02 #Javascript
javascript带回调函数的异步脚本载入方法实例分析
Jul 02 #Javascript
javascript 闭包详解
Jul 02 #Javascript
You might like
PHPwind整合最土系统用户同步登录实现方法
2010/12/08 PHP
深入php常用函数的使用汇总
2013/06/08 PHP
实测在class的function中include的文件中非php的global全局环境
2013/07/15 PHP
php中error与exception的区别及应用
2014/07/28 PHP
PHP实现定时执行任务的方法
2014/10/05 PHP
thinkphp 字母函数详解T/I/N/D/M/A/R/U
2017/04/03 PHP
PHP数据库操作四:mongodb用法分析
2017/08/16 PHP
js 小贴士一星期合集
2010/04/07 Javascript
js移除事件 js绑定事件实例应用
2012/11/28 Javascript
jquery实现的随机多彩tag标签随机颜色和字号大小效果
2014/03/27 Javascript
Javascript解析URL方法详解
2014/12/05 Javascript
深入探究AngularJS框架中Scope对象的超级教程
2016/01/04 Javascript
JavaScript实现数据类型的相互转换
2016/03/06 Javascript
jQuery的Each比JS原生for循环性能慢很多的原因
2016/07/05 Javascript
Vue.js实现一个自定义分页组件vue-paginaiton
2016/09/05 Javascript
Bootstrap优化站点资源、响应式图片、传送带使用详解3
2016/10/14 Javascript
self.attachevent is not a function的解决方法
2017/04/04 Javascript
javascript 中的继承实例详解
2017/05/05 Javascript
八种Vue组件间通讯方式合集(推荐)
2020/08/18 Javascript
Python写的PHPMyAdmin暴力破解工具代码
2014/08/06 Python
python基于multiprocessing的多进程创建方法
2015/06/04 Python
详谈Python2.6和Python3.0中对除法操作的异同
2017/04/28 Python
python基本语法练习实例
2017/09/19 Python
Python3.5.3下配置opencv3.2.0的操作方法
2018/04/02 Python
Python TestCase中的断言方法介绍
2019/05/02 Python
从训练好的tensorflow模型中打印训练变量实例
2020/01/20 Python
python3代码输出嵌套式对象实例详解
2020/12/03 Python
FORZIERI澳大利亚站:全球顶级奢华配饰精品店
2016/12/31 全球购物
DOUGLAS波兰:在线销售香水和化妆品
2020/07/05 全球购物
应届生骨科医生求职信
2013/10/31 职场文书
酒店周年庆活动方案
2014/08/21 职场文书
2014年个人教学工作总结
2014/12/09 职场文书
毕业论文致谢信
2015/05/14 职场文书
python中字符串String及其常见操作指南(方法、函数)
2022/04/06 Python
Java线程的6种状态与生命周期
2022/05/11 Java/Android
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技