js String的字符串方法

为什么要整理呢?(绝对原创)

字符串方法这个东西都得靠用,用得多了就记住了,可是不怎么用的还是容易忘记,而且和数组的方法容易混淆。重点是哪个公司面试都得问个一两题,所以我决定今天好好整理一下这个东西。说到这里正则也需要提一嘴。

字符串方法:

(大部分方法名都是小驼峰,可是总有几个特殊的,比如substring)
1、str.charAt(下标(必填))
找到下标所在位置的字符串(人家括号里面都放字符串,就它放个下标,就是这么特别)
-------注释:字符串中第一个字符的下标是 0。如果参数 index 不在 0 与 string.length 之间,该方法将返回一个空字符串。

2、str.indexOf('要查找的字符串(必填)',查找的开始位置(不写默认为0))
从左往右查找,找到了就返回下标(区分大小写),找不到就返回-1;

var str = 'qwetrtyyyu';
alert(str.indexOf('u',3));
alert(str.indexOf('u',12));//开始的位置大于字符串长度的时候,返回-1
alert(str.indexOf('u'));//不写的时候,默认从0开始
alert(str.indexOf('u',-4));//开始位置为负数的时候,从零开始

3、str.lastIndexOf('要查找的字符串(必填)',查找的开始位置(不写默认为str.length-1));
从右往左查找(和IndexOf相反),找到了就返回下标(区分大小写),找不到就返回-1;

var str = 'qwetrtyyyu';
alert(str.lastIndexOf('u',12));//开始的位置大于字符串长度的时候,从str.length-1开始  9
alert(str.lastIndexOf('u',3));//没有找到,返回-1
alert(str.lastIndexOf('u'));//不写的时候,默认从str.length-1开始 9
alert(str.lastIndexOf('u',-4));//开始位置为负数的时候,返回-1

4、str.substring( 开始截取的位置下标(必填),结束的位置下标(不包含结束位置-选填))字符串截取
只有一个参数的时候是开始未知的下标,一直到最后

var str = 'qwetrtyyyu';alert(str.substring(1,3));
alert(str.substring(-1,3));//如果出现负数,会直接忽略掉,只看非负数并当做开始的位置(应该不会有人写负数)
alert(str.substring(-2,-2));//但如果两个都是负数就会返回空

5、str.substr(开始截取的位置下标(必填),截取的字符串长度)
和str.substring类似

var str = 'welcome to beijInG';
alert(str.substr(2,8));
alert(str.substr(2));//第二个值不写默认到字符串结尾
实际运用例子
  • 截取文件后缀名
<script>
    var str = 'abc.html';
    var z = str.indexOf('.');
    alert(str.substring(z+1));
</script>
  • js实现保留n位小数(四舍五入)类似toFixed(num)方法
    数据.toFixed(保留位数) 方法可把 Number 四舍五入为指定小数位数的数字。
<script>
    var num = 123.456589;
    alert(toFixed(num,3));
    function toFixed(num,n){
        /*首先得将数字转化为字符串*/
        var str = num + '';
        /*找出小数点的下标位置*/
        var start = str.indexOf('.');
        /*截取需要的数字*/
        var str1 = str.substring(0,start+n+1);
        /*获取保留位数的下一位数值*/
        var end = str.charAt(str1.length);
        /*判断四舍五入*/
        if(end>=5){
            str1 = str.substring(0,start+n)+(parseInt(str1.charAt(str1.length-1))+1);        
}        
return parseFloat(str1);    
}
</script>

以上是用js写的,其实用toFixed()方法分分钟就能实现:

var num = 123.456289;
alert(num.toFixed(2));

6、str.split(字符串或正则表达式,转成的数组长度);分割字符串
***字符串转数组是他最大的用处

var str = 'qwetrtyyyu';alert(str.split('',5));//规定数组长度
alert(str.split(''));//不规定数组长度
alert(str.split('t'));//用符合条件的字符分割
alert(str.split(/t/g));//可用正则
alert(str.split(/t/g,2));

7、str.toUpperCase();字符串转大写
8、str.toLowerCase();字符串转小写

运用实例:
  • 首字母大写:
<script>
    var str = 'welcome to beijInG';
    /*为了防止以外的发生,首先将所有的都转化成小写*/
    var str = str.toLowerCase();
    /*用空格将字符串转成数组*/
    var arr = str.split(' ');
    /*重新加一个数组*/
    var arr2 = [];
    /*循环将首字母变大写*/
    for(var i=0;i<arr.length;i++){
        arr2.push(arr[i].charAt(0).toUpperCase()+arr[i].substring(1));
    }
    alert(arr2.join(' '));
</script>

9、str.charCodeAt(下标) 返回指定位置字符十进制表示的Unicode编码。

var str = 'we我come to beijInG';
alert(str.charCodeAt(2));
alert(str.charCodeAt(7));//指定位置字符的Unicode编码,使用十进制表示的
alert(str.charCodeAt(30));//指定位置没有字符,返回NaN

10、fromCharCode(Unicode 值1,Unicode 值2,...)指定的 Unicode 值转字符串。

alert(String.fromCharCode(72,69,76,76,79));

11、 slice(开始截取的位置下标(必填),结束的位置下标(不包含结束位置-选填)) 返回字符串的片段
slice、substr和substring的区别
当接收的参数是负数时,slice会将它字符串的长度与对应的负数相加,结果作为参数;substr则仅仅是将第一个参数与字符串长度相加后的结果作为第一个参数;substring则干脆将负参数都直接转换为0。

var str = "asdfgh";
 alert(str.slice(2,4));
alert(str.slice(2,8));
alert(str.slice(2));//不写第二个值,默认到最后
alert(str.slice(-2));//长度与对应的负数相加,结果作为参数

最后有一个小算法,用来得出字符串中每个字符出现的次数统计

<script>
  var str = 'aaaaabbvsivievdnaklsmsbzzzzzz';
  function getMax (str) {
    var obj = {};
    for(let i = 0; i < str.length; i++){
      if(JSON.stringify(obj) == '{}'){
        obj[str.charAt(i)] = 1;
        continue;
      }
      let bool = false;
      for(let key in obj){
        if(key == str.charAt(i)){
          obj[key] = obj[key] + 1;
          bool = true;
          break;
        }
      }
      if(bool == false){
        obj[str.charAt(i)] = 1;
      }
    }
    return obj;
  }
  console.log(getMax(str));
</script>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 196,099评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,473评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,229评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,570评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,427评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,335评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,737评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,392评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,693评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,730评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,512评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,349评论 3 314
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,750评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,017评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,290评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,706评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,904评论 2 335

推荐阅读更多精彩内容