html5中文学习网

您的位置: 首页 > 网站及特效实例 > javascript特效 » 正文

JavaScript访问字符串中单个字符的两种方法_javascript技巧_

[ ] 已经帮助:人解决问题

概述mU7HTML5中文学习网 - HTML5先行者学习网

JavaScript是一门很灵活的语言,也提供了很多原生的函数供我们编程使用。这篇文章主要对javascript中如何访问字符串中的单个字符做一下介绍。mU7HTML5中文学习网 - HTML5先行者学习网
javascript中一切皆为对象,要访问字符串中的单个字符主要有两种方法:数组索引和charAt()函数。mU7HTML5中文学习网 - HTML5先行者学习网

索引和charAt()mU7HTML5中文学习网 - HTML5先行者学习网

索引方式访问单个字符串mU7HTML5中文学习网 - HTML5先行者学习网
在javascript中,字符串可以被当做数组来处理,所以我们可以用数组下标的方式来访问单个字符。代码如下:mU7HTML5中文学习网 - HTML5先行者学习网

复制代码 代码如下:
mU7HTML5中文学习网 - HTML5先行者学习网
<script type="text/javascript">mU7HTML5中文学习网 - HTML5先行者学习网
    var str="hello world";mU7HTML5中文学习网 - HTML5先行者学习网
    console.log(str[0]); //输出hmU7HTML5中文学习网 - HTML5先行者学习网
</script>mU7HTML5中文学习网 - HTML5先行者学习网
mU7HTML5中文学习网 - HTML5先行者学习网
charAt()函数访问单个字符mU7HTML5中文学习网 - HTML5先行者学习网
直接上代码:mU7HTML5中文学习网 - HTML5先行者学习网
复制代码 代码如下:
mU7HTML5中文学习网 - HTML5先行者学习网
<script type="text/javascript">mU7HTML5中文学习网 - HTML5先行者学习网
    var str="hello world";mU7HTML5中文学习网 - HTML5先行者学习网
    console.log(str.charAt(1));  //输出emU7HTML5中文学习网 - HTML5先行者学习网
</script>mU7HTML5中文学习网 - HTML5先行者学习网
mU7HTML5中文学习网 - HTML5先行者学习网

两种方式的不同mU7HTML5中文学习网 - HTML5先行者学习网

1.第一个区别是超出范围的返回值不同mU7HTML5中文学习网 - HTML5先行者学习网
使用string[index]的方式,对于超出字 index范围的,会返回undefined。mU7HTML5中文学习网 - HTML5先行者学习网
而使用charAt(index)的方式,对于超出范围的会返回一个空的字符串。mU7HTML5中文学习网 - HTML5先行者学习网
2.第二个区别,是兼容性问题mU7HTML5中文学习网 - HTML5先行者学习网
string[index]的方式在IE6~8下会返回 undefined, 也就是IE6~8 不兼容此方法。mU7HTML5中文学习网 - HTML5先行者学习网
而charAt(index)经测试,在IE6~8下也能够正常返回值。mU7HTML5中文学习网 - HTML5先行者学习网

总结mU7HTML5中文学习网 - HTML5先行者学习网

如果你不需要考虑IE6~8的话,就可以随便用了,至于性能,都是JavaScript的方法,差别微乎其微。mU7HTML5中文学习网 - HTML5先行者学习网
如果还是苦逼的要考虑IE6~8的话,还是使用charAt()比较好,安全又放心。mU7HTML5中文学习网 - HTML5先行者学习网

(责任编辑:)
推荐书籍
推荐资讯
关于HTML5先行者 - 联系我们 - 广告服务 - 友情链接 - 网站地图 - 版权声明 - 人才招聘 - 帮助