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 相关文章推荐
ASP.NET中使用后端代码注册脚本 生成JQUERY-EASYUI的界面错位的解决方法
Jun 12 Javascript
jQuery学习笔记(3)--用jquery(插件)实现多选项卡功能
Apr 08 Javascript
javascript实现的多个层切换效果通用函数实例
Jul 06 Javascript
jquery马赛克拼接翻转效果代码分享
Aug 24 Javascript
解决angular的post请求后SpringMVC后台接收不到参数值问题的方法
Dec 10 Javascript
简单实现jquery焦点图
Dec 12 Javascript
解决AngualrJS页面刷新导致异常显示问题
Apr 20 Javascript
微信小程序开发之实现自定义Toast弹框
Jun 08 Javascript
js实现拖拽上传图片功能
Aug 01 Javascript
详解Vue改变数组中对象的属性不重新渲染View的解决方案
Sep 21 Javascript
详解Vue-axios 设置请求头问题
Dec 06 Javascript
利用H5api实现时钟的绘制(javascript)
Sep 13 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
谈一谈收音机的高放电路
2021/03/02 无线电
PHP根据IP地址获取所在城市具体实现
2013/11/27 PHP
CI框架自动加载session出现报错的解决办法
2014/06/17 PHP
PHP检测字符串是否为UTF8编码的常用方法
2014/11/21 PHP
PHP直接修改表内容DataGrid功能实现代码
2015/09/24 PHP
PHP抓取及分析网页的方法详解
2016/04/26 PHP
Yii2中cookie用法示例分析
2016/07/18 PHP
PHP用mysql_insert_id()函数获得刚插入数据或当前发布文章的ID
2016/11/25 PHP
Laravel5.5 数据库迁移:创建表与修改表示例
2019/10/23 PHP
jquery 按键盘上的enter事件
2014/05/11 Javascript
js中各种类型的变量在if条件中是true还是false
2014/07/16 Javascript
iframe跨域通信封装详解
2015/08/11 Javascript
探讨:JavaScript ECAMScript5 新特性之get/set访问器
2016/05/05 Javascript
JS实现输入框提示文字点击时消失效果
2016/07/19 Javascript
微信小程序 animation API详解及实例代码
2016/10/08 Javascript
基于JavaScript实现购物车功能
2017/02/07 Javascript
Vue.js实现模拟微信朋友圈开发demo
2017/04/20 Javascript
vue mixins组件复用的几种方式(小结)
2017/09/06 Javascript
JavaScript中变量提升机制示例详解
2019/12/27 Javascript
在Django中编写模版节点及注册标签的方法
2015/07/20 Python
通过mod_python配置运行在Apache上的Django框架
2015/07/22 Python
详解在Python程序中自定义异常的方法
2015/10/16 Python
利用python求解物理学中的双弹簧质能系统详解
2017/09/29 Python
Python实现基于二叉树存储结构的堆排序算法示例
2017/12/08 Python
python 控制台单行刷新,多行刷新实例
2020/02/19 Python
python中操作文件的模块的方法总结
2021/02/04 Python
Python爬取网站图片并保存的实现示例
2021/02/26 Python
非常漂亮的CSS3百叶窗焦点图动画
2016/02/24 HTML / CSS
h5使用canvas画布实现手势解锁
2019/01/04 HTML / CSS
澳大利亚小众服装品牌:Maurie & Eve
2018/03/27 全球购物
SteelSeries赛睿官网:游戏外设和配件的领先制造商(耳机、键盘、鼠标和鼠标垫)
2018/06/17 全球购物
美国Max仓库:Max Warehouse
2020/05/31 全球购物
高中生活自我鉴定
2014/01/18 职场文书
《最佳路径》教学反思
2014/04/13 职场文书
信息与计算机科学职业规划范文:成为一艘有方向的船
2014/09/11 职场文书
2015年行政人事工作总结
2015/05/21 职场文书