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>
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容