前端的小玩意(16)——在IE7的场景下，获取字符串的第n个字符

淩亂°似流年 2022-06-18 01:08 116阅读 0赞

习惯于IE9和更高，最差也是IE8，因此从没遇见过这个问题。

比如有字符串

var abc = "abc";

如果你想获取第一个字符，那么我们一般人的反应是

abc[0]; //"a"

当然，在IE8和以上的版本中是没错的，但假如你像我一样遇见了IE7，那么对不起，这样是不可以的。

![这里写图片描述][SouthEast]

解决办法也不难，使用

str.charAt(index);
    
    //如上面就是
    abc.charAt(0);

就可以了。这个api肯定大家都看过，不过想必用过的人不多（当然，有str\[index\]这样方便的api谁还会打7个字符呀，反正我肯定不会）；

另外根据查询资料，以及我本人验证，可行方法还有

str.substring(beginIndex, endIndex);    //含头不含尾
    //如上面的就是
    abc.substring(0,1); //a
    abc.substring(1,2); //b

附说明：

--------------------

str.substring(索引1, 索引2) 返回索引1~索引2之间的字符串  
前包含后不包含，例如：

var str="abc21";
    $("#a").text(str.substring(1,2));

输出的是b  
假如索引2被省略，那么一直输出到字符串的结尾  
例如：

var str="abc21";
    $("#a").text(str.substring(1));

输出：bc21

--------------------

str.slice(beginIndex, endIndex);    //含头不含尾

附说明2：

--------------------

str.slice(开始索引, 结束索引) 和上面功能一样，额外功能是，结束索引可以是负数。  
假如是负数，那么从后往前数第n个，同样不包含结尾的。例如：

var str="abc21";
    $("#a").text(str.slice(1,-1));

输出bc2（从下标1输出到下标倒数第1个但不包含倒数第一个）

var str="abc21";
    $("#a").text(str.slice(-1));

输出1（因为从最后一个开始，到结尾，因此只有一个）

--------------------

[SouthEast]: /images/20220618/08313e9f14cf436c93abd828b7959b6f.png

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 java获取某个字符在指定字符串中出现的第N次的位置

在开发过程中我们经常会用到String的indexOf方法，这个方法是用来获取某个特定字符在指定字符串中第一次出现的位置，通常用来判断是否包含或者用来进行字符串的截取，有些时候

梦里梦外;/ 2022年12月27日 04:41/ 0 赞/ 314 阅读

相关前端的小玩意（7）——自动给每个字下方加着重号

要求： ①给需要加着重号的字，统一给一个类，可以多个字给在同一个类下面； ②会自动给每个字的下方加点，潜在缺陷： ①对中文字体可能支持不好，但也有结局办法，

绝地灬酷狼/ 2022年09月24日 10:24/ 0 赞/ 19 阅读

相关前端的小玩意（3）禁止元素被选中

（28）禁止元素被选中在css的样式表里，添加这样属性（可兼容所有浏览器） { -moz-user-select: -moz-none;

傷城~/ 2022年09月21日 13:13/ 0 赞/ 201 阅读

相关前端的小玩意（2）jQuery的选择器大全

(34)选择器 ①普通选择方法，略 ②选择其中的c，要求是b里的c <div class="a"> <div class="b">

╰+攻爆jí腚メ/ 2022年09月21日 11:38/ 0 赞/ 147 阅读

相关前端的小玩意（12）替代jQuery的原生API（大部分需IE9及以上版本）

原文来自：http://ms.csdn.net/geek/105175 本文对其原文进行格式化编辑，部分增补（46）替代jQuery常用功能的原生JS

快来打我*/ 2022年07月16日 03:57/ 0 赞/ 75 阅读

相关前端的小玩意（10）CSS3的:nth选择器

原文来源于： http://www.w3cplus.com/css3/pseudo-class-selector 的编号三给没有使用过人的说明： ①带

本是古典何须时尚/ 2022年07月15日 23:08/ 0 赞/ 173 阅读

相关前端的小玩意（13）——获取DOM的位置相关信息

Github的DEMO地址： https://github.com/qq20004604/some\_demo/tree/master/%E5%85%B3%E4%BA%8Ec

「爱情、让人受尽委屈。」/ 2022年07月15日 15:49/ 0 赞/ 140 阅读

相关前端的小玩意(16)——在IE7的场景下，获取字符串的第n个字符

习惯于IE9和更高，最差也是IE8，因此从没遇见过这个问题。比如有字符串 var abc = "abc"; 如果你想获取第一个字符，那么我们一般人的反应是

淩亂°似流年/ 2022年06月18日 01:08/ 0 赞/ 117 阅读

相关前端的小玩意（16）——利用setter和getter实现数据校验

利用setter和getter实现数据校验写前端和后端的时候，往往要进行数据校验。例如：后端在处理数据之前，需要校验前端传过来的数据和后端要求的数据是否相符，以

Bertha 。/ 2022年06月09日 07:23/ 0 赞/ 231 阅读

相关 PHP中读取(截取substr)字符串前N个字符或者从第几个字符开始取几个字符

<?php $str = "123456789"; echo substr($str , 0 , 3);//从左边第一位字符起截取3位字符：结果：12

柔光的暖阳◎/ 2022年03月16日 05:46/ 0 赞/ 215 阅读