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 相关文章推荐
用tip解决Ext列宽度不够的问题
Dec 13 Javascript
Javascript 事件流和事件绑定
Jul 16 Javascript
动态显示可输入的字数提示还可以输入的字数
Apr 01 Javascript
jquery 根据name名获取元素的value值
Feb 27 Javascript
轻量级jQuery插件slideBox实现带底栏轮播(焦点图)代码
Mar 28 Javascript
javascript函数中的3个高级技巧
Sep 22 Javascript
web前端vue实现插值文本和输出原始html
Jan 19 Javascript
vue如何进行动画的封装
Sep 26 Javascript
JavaScript之Blob对象类型的具体使用方法
Nov 29 Javascript
javascript利用canvas实现鼠标拖拽功能
Jul 23 Javascript
微信小程序自定义底部弹出框动画
Nov 18 Javascript
node.js如何自定义实现一个EventEmitter
Jul 16 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
生成静态页面的PHP类
2006/11/25 PHP
PHP备份/还原MySQL数据库的代码
2011/01/06 PHP
PHP+MYSQL会员系统的登陆即权限判断实现代码
2011/09/23 PHP
深入解析PHP的Yii框架中的event事件机制
2016/03/17 PHP
php常用字符串String函数实例总结【转换,替换,计算,截取,加密】
2016/12/07 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
php 中的closure用法详解
2017/06/12 PHP
PHP字符串中抽取子串操作实例分析
2019/06/22 PHP
一些有用的JavaScript和jQuery的片段分享
2011/08/23 Javascript
js弹出模式对话框,并接收回传值的方法
2013/03/12 Javascript
javascript中的=等号个数问题两个跟三个有什么区别
2013/10/23 Javascript
JS判断当前页面是否在微信浏览器打开的方法
2015/12/08 Javascript
jQuery Validate插件实现表单强大的验证功能
2015/12/18 Javascript
javascript运动框架用法实例分析(实现放大与缩小效果)
2016/01/08 Javascript
js获取Get值的方法
2016/09/29 Javascript
angularjs点击图片放大实现上传图片预览
2017/02/24 Javascript
ReactJs设置css样式的方法
2017/06/08 Javascript
jquery动态添加以及遍历option并获取特定样式名称的option方法
2018/01/29 jQuery
详解Vue中的scoped及穿透方法
2019/04/18 Javascript
使用Angular9和TypeScript开发RPG游戏的方法
2020/03/25 Javascript
[02:18]《我与DAC》之工作人员:为了热爱DOTA2的玩家们
2018/03/28 DOTA
pandas.DataFrame.to_json按行转json的方法
2018/06/05 Python
python实现指定字符串补全空格、前面填充0的方法
2018/11/16 Python
Python基于机器学习方法实现的电影推荐系统实例详解
2019/06/25 Python
python环境下安装opencv库的方法
2020/03/05 Python
德国低价购买灯具和家具网站:Style-home.de
2016/11/25 全球购物
阿联酋网上花店:Ferns N Petals
2018/02/14 全球购物
英国最大的笔记本电脑直销专家:Laptops Direct
2019/07/20 全球购物
德国前卫设计师时装在线商店:Luxury Loft
2019/11/04 全球购物
迟到早退检讨书
2014/02/10 职场文书
怎样写家长意见
2015/06/04 职场文书
读鲁迅先生的经典名言
2019/08/20 职场文书
《别在吃苦的年纪选择安逸》读后感3篇
2019/11/30 职场文书
web前端之css水平居中代码解析
2021/05/20 HTML / CSS
python实现会员管理系统
2022/03/18 Python
Python IO文件管理的具体使用
2022/03/20 Python