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 相关文章推荐
jQuery选中select控件 无法设置selected的解决方法
Sep 01 Javascript
jQuery Validation PlugIn的使用方法详解
Dec 18 Javascript
Bootstrap开关(switch)控件学习笔记分享
May 30 Javascript
jQuery简单实现页面元素置顶时悬浮效果示例
Aug 01 Javascript
Vue 固定头 固定列 点击表头可排序的表格组件
Nov 25 Javascript
微信小程序 欢迎界面开发的实例详解
Nov 30 Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 Javascript
微信小程序自定义组件
Aug 16 Javascript
JavaScript类的继承操作实例总结
Dec 20 Javascript
Vue修改项目启动端口号方法
Nov 07 Javascript
微信小程序 scroll-view的使用案例代码详解
Jun 11 Javascript
jQuery实现增删改查
Dec 22 jQuery
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中cookie和session的区别实例分析
2014/08/28 PHP
PHP基于堆栈实现的高级计算器功能示例
2017/09/15 PHP
thinkPHP5.0框架验证码调用及点击图片刷新简单实现方法
2018/09/07 PHP
Laravel框架源码解析之反射的使用详解
2020/05/14 PHP
用js怎么把&amp;字符换成&quot;&amp;amp:&quot;
2006/10/19 Javascript
jquery实现控制表格行高亮实例
2013/06/05 Javascript
JavaScript获取和设置CheckBox状态的简单方法
2013/07/05 Javascript
js登录弹出层特效
2014/03/07 Javascript
jquery JSON的解析方式示例介绍
2014/07/27 Javascript
jQuery事件绑定与解除绑定实现方法
2015/04/15 Javascript
jquery中map函数遍历数组用法实例
2015/05/18 Javascript
简介JavaScript中的unshift()方法的使用
2015/06/09 Javascript
JavaScript中最常见的三个面试题解析
2017/03/04 Javascript
angularjs中ng-bind-html的用法总结
2017/05/23 Javascript
AngularJS获取json数据的方法详解
2017/05/27 Javascript
Validform验证时可以为空否则按照指定格式验证
2017/10/20 Javascript
webpack实用小功能介绍
2018/01/02 Javascript
vue初尝试--项目结构(推荐)
2018/01/30 Javascript
vue小白入门教程
2018/04/02 Javascript
微信小程序实现抖音播放效果的实例代码
2020/04/11 Javascript
Vue循环中多个input绑定指定v-model实例
2020/08/31 Javascript
Python生成数字图片代码分享
2017/10/31 Python
浅谈用Python实现一个大数据搜索引擎
2017/11/28 Python
python tkinter窗口最大化的实现
2019/07/15 Python
python输出带颜色字体实例方法
2019/09/01 Python
Python响应对象text属性乱码解决方案
2020/03/31 Python
Python日志logging模块功能与用法详解
2020/04/09 Python
Selenium基于PIL实现拼接滚动截图
2020/04/10 Python
HTML5 虚拟键盘出现挡住输入框的解决办法
2017/02/14 HTML / CSS
Hotels.com爱尔兰:全球酒店预订
2017/02/24 全球购物
Pretty Little Thing爱尔兰:时尚女性服饰
2017/03/27 全球购物
银河香水:Galaxy Perfume
2019/03/25 全球购物
法英专业大学生职业生涯规划书范文
2014/09/22 职场文书
2015国庆节66周年演讲稿
2015/03/20 职场文书
Oracle11g r2 卸载干净重装的详细教程(亲测有效已重装过)
2021/06/04 Oracle
SpringBoot连接MySQL获取数据写后端接口的操作方法
2021/11/02 MySQL