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 相关文章推荐
extjs实现选择多表自定义查询功能 前台部分(ext源码)
Dec 20 Javascript
购物车选中得到价格实现示例
Jan 26 Javascript
JAVA四种基本排序方法实例总结
Jul 24 Javascript
js实现文本框支持加减运算的方法
Aug 19 Javascript
BootStrap响应式导航条实例介绍
May 06 Javascript
javascript css红色经典选项卡效果实现代码
May 17 Javascript
javascript深拷贝(deepClone)详解
Aug 24 Javascript
js监听键盘事件的方法_原生和jquery的区别详解
Oct 10 Javascript
Vue.js 父子组件通信的十种方式
Oct 30 Javascript
js验证身份证号码记录的方法
Apr 26 Javascript
Vue 中如何正确引入第三方模块的方法步骤
May 05 Javascript
vue element upload组件 file-list的动态绑定实现
Oct 11 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
77A一级收信机修理记
2021/03/02 无线电
我常用的几个类
2006/10/09 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
[原创]php常用字符串输出方法分析(echo,print,printf及sprintf)
2016/07/09 PHP
PHP中CheckBox多选框上传失败的代码写法
2017/02/13 PHP
PHP5中使用mysqli的prepare操作数据库的介绍
2019/03/18 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
PHP 使用位运算实现四则运算的代码
2021/03/09 PHP
一个用js实现控制台控件的代码
2007/09/04 Javascript
javascript css在IE和Firefox中区别分析
2009/02/18 Javascript
Javascript学习笔记之 对象篇(三) : hasOwnProperty
2014/06/24 Javascript
深入理解JavaScript系列(41):设计模式之模板方法详解
2015/03/04 Javascript
原生js实现日期计算器功能
2017/02/17 Javascript
JS实现列表页面隔行变色效果
2017/03/25 Javascript
js+html5实现复制文字按钮
2017/07/15 Javascript
Chrome调试折腾记之JS断点调试技巧
2017/09/11 Javascript
浅谈React + Webpack 构建打包优化
2018/01/23 Javascript
Vue.js 实现微信公众号菜单编辑器功能(一)
2018/05/08 Javascript
p5.js实现简单货车运动动画
2019/10/23 Javascript
Python下的subprocess模块的入门指引
2015/04/16 Python
python 删除列表里所有空格项的方法总结
2018/04/18 Python
windows安装TensorFlow和Keras遇到的问题及其解决方法
2019/07/10 Python
python可视化篇之流式数据监控的实现
2019/08/07 Python
如何爬取通过ajax加载数据的网站
2019/08/15 Python
Pytorch: 自定义网络层实例
2020/01/07 Python
Django 实现对已存在的model进行更改
2020/03/28 Python
keras 获取某层输出 获取复用层的多次输出实例
2020/05/23 Python
Python如何telnet到网络设备
2021/02/18 Python
一些网络技术方面的面试题
2014/05/01 面试题
大学旷课检讨书
2014/01/28 职场文书
高中生操行评语
2014/04/25 职场文书
说明书格式及范文
2014/05/07 职场文书
社区志愿者活动总结
2014/06/26 职场文书
数学教师个人总结
2015/02/06 职场文书
CSS的class与id常用的命名规则
2021/05/18 HTML / CSS
python 网络编程要点总结
2021/06/18 Python