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

概述

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()比较好,安全又放心。

时间: 2024-12-02 12:11:32

JavaScript访问字符串中单个字符的两种方法_javascript技巧的相关文章

JavaScript统计字符串中每个字符出现次数完整实例_javascript技巧

本文实例讲述了JavaScript统计字符串中每个字符出现次数的方法.分享给大家供大家参考,具体如下: 这是一个面试题,要求随便给你一个字符串,让你求出字符串中每个字符出现的次数. 先来看看运行效果截图: 具体代码如下: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&

js实现统计字符串中特定字符出现个数的方法_javascript技巧

本文实例讲述了js实现统计字符串中特定字符出现个数的方法.分享给大家供大家参考,具体如下: //js统计字符串中包含的特定字符个数 function getPlaceholderCount(strSource) { //统计字符串中包含{}或{xxXX}的个数 var thisCount = 0; strSource.replace(/\{[xX]+\}|\{\}/g, function (m, i) { //m为找到的{xx}元素.i为索引 thisCount++; }); return th

js删除Array数组中指定元素的两种方法_javascript技巧

本节内容: js删除Array数组中指定元素 方法一, /* * 方法:Array.remove(dx) 通过遍历,重构数组 * 功能:删除数组元素. * 参数:dx删除元素的下标. */ Array.prototype.remove=function(dx) { if(isNaN(dx)||dx>this.length){return false;} for(var i=0,n=0;i<this.length;i++) { if(this[i]!=this[dx]) { this[n++]=

JavaScript禁止用户多次提交的两种方法_javascript技巧

[当服务器超载时,会出现提交卡顿的现象,但是用户在操作时,会不停重复点击提交,会造成服务器压力更大.所以我们需要进行限制] [1]将提交按钮禁止 <html> <head> <script> //禁止默认行为 因为这里要模拟服务器超载的时候,所以需要先禁止掉submit按钮自动提交的功能 function preventDef(event){ event=event||window.event; if(event.preventDefault){ return even

用JavaScript判断CSS浏览器类型前缀的两种方法_javascript技巧

不管我们对浏览器类型前缀有多么的讨厌,我们都不得不每天面对它,否者有些东西不能正常工作.这些前缀的用法有两种:在CSS里(例如"-moz-")和在JS里.有一个神奇的 X-Tag 项目里有一段很聪明的JavaScript脚本,可以用来判断当前使用的是什么前缀--让我来展示它是如何工作的! 比如 CSS 前缀,IE 的是 "-ms-",旧版 Opera 的是 "-o-",Firefox 的是 "-moz-",Safari/Chr

JavaScript检测字符串中是否含有html标签实现方法_javascript技巧

功能代码 复制代码 代码如下: /**  * 字符串是否含有html标签的检测  * @param htmlStr  */ function checkHtml(htmlStr) {     var  reg = /<[^>]+>/g;     return reg.test(htmlStr); } demo script: 复制代码 代码如下: /**  * 字符串是否含有html标签的检测  * @param htmlStr  */ function checkHtml(htmlSt

php获取字符串中各个字符出现次数的方法_php技巧

本文实例讲述了php获取字符串中各个字符出现次数的方法.分享给大家供大家参考.具体实现方法如下: <?php //获取字符串是哪一个字符出现的字数最多 $str = "sdfhletlsflahlajgfd;lsje;r;wj;ralajfe149253573"; //方法一 $arr = str_split($str); //字符串分隔到数组中 $arr = array_count_values($arr); //用于统计数组中所有值出现的次数,返回一个数组 //键名为原数组的

利用JavaScript阻止表单提交的两种方法_javascript技巧

在JavaScript中,阻止表单默认提交行为的方法有两种,分别是: (1) return false 示例代码 <form name="loginForm" action="login.aspx" method="post"> <button type="submit" value="Submit" id="submit">Submit</button&g

使用JavaScript获取URL中的参数(两种方法)_javascript技巧

本文给大家分享两种方法使用js获取url中的参数,其中方法二是使用的正则表达式方法,大家可以根据需要选择比较好的方法,废话不多说了,直接看详细介绍吧. 方法一: //取url参数 var type = request("type") function request() { var query = location.search; var paras = arguments[0]; if (arguments.length == 2) { query = arguments[1]; }