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 相关文章推荐
JavaScript使用cookie
Feb 02 Javascript
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
JavaScript isPrototypeOf和hasOwnProperty使用区别
Mar 04 Javascript
js函数名与form表单元素同名冲突的问题
Mar 07 Javascript
jQuery实现点击该行即可删除HTML表格行
Oct 17 Javascript
理解jquery事件冒泡
Jan 03 Javascript
JavaScript高级程序设计(第三版)学习笔记6、7章
Mar 11 Javascript
Bootstrap Paginator分页插件使用方法详解
May 30 Javascript
jQuery模拟实现天猫购物车动画效果实例代码
May 25 jQuery
vue 2.0项目中如何引入element-ui详解
Sep 06 Javascript
微信小程序实现简易table表格
Jun 19 Javascript
js JSON.stringify()基础详解
Jun 19 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解析xml方法实例详解
2015/05/12 PHP
PHP类的自动加载机制实现方法分析
2019/01/10 PHP
PHP析构函数destruct与垃圾回收机制的讲解
2019/03/22 PHP
PHP实现获取文件mime类型多种方法解析
2020/05/28 PHP
用js判断浏览器是否是IE的比较好的办法
2007/05/08 Javascript
WEB高性能开发之疯狂的HTML压缩
2010/06/19 Javascript
Jquery的hover方法让鼠标经过li时背景变色
2013/09/06 Javascript
javascript页面上使用动态时间具体实现
2014/03/18 Javascript
jquery实现textarea 高度自适应
2015/03/11 Javascript
Jquery实现上下移动和排序代码
2016/10/17 Javascript
Angular ng-repeat指令实例以及扩展部分
2016/12/26 Javascript
Javascript中字符串和数字的操作方法整理
2017/01/22 Javascript
基于Vue制作组织架构树组件
2017/12/06 Javascript
jQuery简单实现的HTML页面文本框模糊匹配查询功能完整示例
2018/05/09 jQuery
微信小程序实现时间进度条功能
2020/11/17 Javascript
Vue组件为什么data必须是一个函数
2020/06/11 Javascript
three.js 将图片马赛克化的示例代码
2020/07/31 Javascript
JavaScript实现alert弹框效果
2020/11/19 Javascript
在Python3中初学者应会的一些基本的提升效率的小技巧
2015/03/31 Python
Python base64编码解码实例
2015/06/21 Python
Python爬取三国演义的实现方法
2016/09/12 Python
Python实现的递归神经网络简单示例
2017/08/11 Python
Python使用pip安装报错:is not a supported wheel on this platform的解决方法
2018/01/23 Python
Python Tkinter模块实现时钟功能应用示例
2018/07/23 Python
基于python if 判断选择结构的实例详解
2019/05/06 Python
浅谈Python type的使用
2019/11/19 Python
Shopee马来西亚:随拍即卖,最佳行动电商拍卖平台
2017/06/05 全球购物
儿科主治医生个人求职信
2013/09/23 职场文书
干部行政关系介绍信
2014/01/17 职场文书
酒吧创业计划书
2014/01/18 职场文书
工作总结与自我评价
2014/09/18 职场文书
公司庆典欢迎词
2015/01/26 职场文书
乡镇一岗双责责任书
2015/01/29 职场文书
乌镇导游词
2015/02/02 职场文书
《蟋蟀的住宅》教学反思
2016/02/17 职场文书
Python实现单例模式的5种方法
2021/06/15 Python