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 相关文章推荐
使用正则替换变量
May 05 Javascript
window.addeventjs事件驱动函数集合addEvent等
Feb 19 Javascript
JavaScript之编码规范 推荐
May 23 Javascript
extjs 分页使用jsp传递数据示例
Jul 29 Javascript
jQuery实现首页图片淡入淡出效果的方法
Jun 10 Javascript
jQuery 翻页组件yunm.pager.js实现div局部刷新的思路
Aug 11 Javascript
jquery实现点击页面回到顶部
Nov 23 Javascript
Vue.js 单页面多路由区域操作的实例详解
Jul 17 Javascript
JS基于设计模式中的单例模式(Singleton)实现封装对数据增删改查功能
Feb 06 Javascript
Vue axios设置访问基础路径方法
Sep 19 Javascript
详解基于Vue/React项目的移动端适配方案
Aug 23 Javascript
layer.msg()去掉默认时间,实现手动关闭的方法
Sep 12 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
别人整理的服务器变量:$_SERVER
2006/10/20 PHP
PHP 的 __FILE__ 常量
2007/01/15 PHP
php中计算程序运行时间的类代码
2012/11/03 PHP
php中实现可以返回多个值的函数实例
2015/03/21 PHP
PHP获取二维数组中某一列的值集合
2015/12/25 PHP
php实现登陆模块功能示例
2016/10/20 PHP
让textarea自动调整大小的js代码
2011/04/12 Javascript
js中判断Object、Array、Function等引用类型对象是否相等
2012/08/29 Javascript
JS复制到剪贴板示例代码
2013/10/30 Javascript
Jquery uploadify图片上传插件无法上传的解决方法
2013/12/16 Javascript
node.js中的url.format方法使用说明
2014/12/10 Javascript
Node.js的特点详解
2017/02/03 Javascript
详解Weex基于Vue2.0开发模板搭建
2017/03/20 Javascript
ES6中Math对象新增的方法实例详解
2017/04/25 Javascript
基于jQuery实现的单行公告活动轮播效果
2017/08/23 jQuery
如何去除富文本中的html标签及vue、react、微信小程序中的过滤器
2018/11/21 Javascript
[52:12]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第一场 8.16
2019/08/19 DOTA
[31:55]完美世界DOTA2联赛循环赛 IO vs GXR BO2第一场 11.04
2020/11/05 DOTA
介绍Python的Django框架中的静态资源管理器django-pipeline
2015/04/25 Python
Flask框架的学习指南之开发环境搭建
2016/11/20 Python
git使用.gitignore设置不生效或不起作用问题的解决方法
2017/06/01 Python
对命令行模式与python交互模式介绍
2018/05/12 Python
pyqt5的QWebEngineView 使用模板的方法
2018/08/18 Python
python3实现往mysql中插入datetime类型的数据
2020/03/02 Python
Python的控制结构之For、While、If循环问题
2020/06/30 Python
html5定制表单_动力节点Java学院整理
2017/07/11 HTML / CSS
阿联酋航空假期:Emirates Holidays
2018/03/20 全球购物
德国领先的大尺码和超大尺码男装在线零售商:Bigtex
2019/06/22 全球购物
镇党政领导班子民主生活会思想汇报
2014/10/11 职场文书
机关作风建设自查报告及整改措施
2014/10/21 职场文书
2014年大学教师工作总结
2014/12/02 职场文书
具结保证书范本
2015/05/11 职场文书
实践论读书笔记
2015/06/29 职场文书
小学运动会通讯稿
2015/07/18 职场文书
2016公司中秋节寄语
2015/12/07 职场文书
利用 JavaScript 构建命令行应用
2021/11/17 Javascript