js String的字符串方法

為什么要整理呢?(絕對原創(chuàng))

字符串方法這個東西都得靠用,用得多了就記住了,可是不怎么用的還是容易忘記,而且和數(shù)組的方法容易混淆。重點(diǎn)是哪個公司面試都得問個一兩題,所以我決定今天好好整理一下這個東西。說到這里正則也需要提一嘴。

字符串方法:

(大部分方法名都是小駝峰,可是總有幾個特殊的,比如substring)
1、str.charAt(下標(biāo)(必填))
找到下標(biāo)所在位置的字符串(人家括號里面都放字符串,就它放個下標(biāo),就是這么特別)
-------注釋:字符串中第一個字符的下標(biāo)是 0。如果參數(shù) index 不在 0 與 string.length 之間,該方法將返回一個空字符串。

2、str.indexOf('要查找的字符串(必填)',查找的開始位置(不寫默認(rèn)為0))
從左往右查找,找到了就返回下標(biāo)(區(qū)分大小寫),找不到就返回-1;

var str = 'qwetrtyyyu';
alert(str.indexOf('u',3));
alert(str.indexOf('u',12));//開始的位置大于字符串長度的時候,返回-1
alert(str.indexOf('u'));//不寫的時候,默認(rèn)從0開始
alert(str.indexOf('u',-4));//開始位置為負(fù)數(shù)的時候,從零開始

3、str.lastIndexOf('要查找的字符串(必填)',查找的開始位置(不寫默認(rèn)為str.length-1));
從右往左查找(和IndexOf相反),找到了就返回下標(biāo)(區(qū)分大小寫),找不到就返回-1;

var str = 'qwetrtyyyu';
alert(str.lastIndexOf('u',12));//開始的位置大于字符串長度的時候,從str.length-1開始  9
alert(str.lastIndexOf('u',3));//沒有找到,返回-1
alert(str.lastIndexOf('u'));//不寫的時候,默認(rèn)從str.length-1開始 9
alert(str.lastIndexOf('u',-4));//開始位置為負(fù)數(shù)的時候,返回-1

4、str.substring( 開始截取的位置下標(biāo)(必填),結(jié)束的位置下標(biāo)(不包含結(jié)束位置-選填))字符串截取
只有一個參數(shù)的時候是開始未知的下標(biāo),一直到最后

var str = 'qwetrtyyyu';alert(str.substring(1,3));
alert(str.substring(-1,3));//如果出現(xiàn)負(fù)數(shù),會直接忽略掉,只看非負(fù)數(shù)并當(dāng)做開始的位置(應(yīng)該不會有人寫負(fù)數(shù))
alert(str.substring(-2,-2));//但如果兩個都是負(fù)數(shù)就會返回空

5、str.substr(開始截取的位置下標(biāo)(必填),截取的字符串長度)
和str.substring類似

var str = 'welcome to beijInG';
alert(str.substr(2,8));
alert(str.substr(2));//第二個值不寫默認(rèn)到字符串結(jié)尾
實(shí)際運(yùn)用例子
  • 截取文件后綴名
<script>
    var str = 'abc.html';
    var z = str.indexOf('.');
    alert(str.substring(z+1));
</script>
  • js實(shí)現(xiàn)保留n位小數(shù)(四舍五入)類似toFixed(num)方法
    數(shù)據(jù).toFixed(保留位數(shù)) 方法可把 Number 四舍五入為指定小數(shù)位數(shù)的數(shù)字。
<script>
    var num = 123.456589;
    alert(toFixed(num,3));
    function toFixed(num,n){
        /*首先得將數(shù)字轉(zhuǎn)化為字符串*/
        var str = num + '';
        /*找出小數(shù)點(diǎn)的下標(biāo)位置*/
        var start = str.indexOf('.');
        /*截取需要的數(shù)字*/
        var str1 = str.substring(0,start+n+1);
        /*獲取保留位數(shù)的下一位數(shù)值*/
        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寫的,其實(shí)用toFixed()方法分分鐘就能實(shí)現(xiàn):

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

6、str.split(字符串或正則表達(dá)式,轉(zhuǎn)成的數(shù)組長度);分割字符串
***字符串轉(zhuǎn)數(shù)組是他最大的用處

var str = 'qwetrtyyyu';alert(str.split('',5));//規(guī)定數(shù)組長度
alert(str.split(''));//不規(guī)定數(shù)組長度
alert(str.split('t'));//用符合條件的字符分割
alert(str.split(/t/g));//可用正則
alert(str.split(/t/g,2));

7、str.toUpperCase();字符串轉(zhuǎn)大寫
8、str.toLowerCase();字符串轉(zhuǎn)小寫

運(yùn)用實(shí)例:
  • 首字母大寫:
<script>
    var str = 'welcome to beijInG';
    /*為了防止以外的發(fā)生,首先將所有的都轉(zhuǎn)化成小寫*/
    var str = str.toLowerCase();
    /*用空格將字符串轉(zhuǎn)成數(shù)組*/
    var arr = str.split(' ');
    /*重新加一個數(shù)組*/
    var arr2 = [];
    /*循環(huán)將首字母變大寫*/
    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(下標(biāo)) 返回指定位置字符十進(jìn)制表示的Unicode編碼。

var str = 'we我come to beijInG';
alert(str.charCodeAt(2));
alert(str.charCodeAt(7));//指定位置字符的Unicode編碼,使用十進(jìn)制表示的
alert(str.charCodeAt(30));//指定位置沒有字符,返回NaN

10、fromCharCode(Unicode 值1,Unicode 值2,...)指定的 Unicode 值轉(zhuǎn)字符串。

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

11、 slice(開始截取的位置下標(biāo)(必填),結(jié)束的位置下標(biāo)(不包含結(jié)束位置-選填)) 返回字符串的片段
slice、substr和substring的區(qū)別
當(dāng)接收的參數(shù)是負(fù)數(shù)時,slice會將它字符串的長度與對應(yīng)的負(fù)數(shù)相加,結(jié)果作為參數(shù);substr則僅僅是將第一個參數(shù)與字符串長度相加后的結(jié)果作為第一個參數(shù);substring則干脆將負(fù)參數(shù)都直接轉(zhuǎn)換為0。

var str = "asdfgh";
 alert(str.slice(2,4));
alert(str.slice(2,8));
alert(str.slice(2));//不寫第二個值,默認(rèn)到最后
alert(str.slice(-2));//長度與對應(yīng)的負(fù)數(shù)相加,結(jié)果作為參數(shù)

最后有一個小算法,用來得出字符串中每個字符出現(xiàn)的次數(shù)統(tǒng)計(jì)

<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>
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • Javascript有很多字符串的方法,有的人有W3C的API,還可以去MDN上去找,但是我覺得API上說的不全,...
    頑皮的雪狐七七閱讀 2,352評論 0 2
  • 摘要 在js中字符截取函數(shù)有常用的三個slice()、substring()、substr()了,下面我來給大家介...
    penggelies07閱讀 7,526評論 1 5
  • 一、數(shù)組 數(shù)組是一個有序列表,所以有下標(biāo). 并且數(shù)組在js中可以存在任意類型的數(shù)據(jù).并且同一個數(shù)組中可以存放不同的...
    空谷悠閱讀 560評論 0 1
  • 第一章: JS簡介 從當(dāng)初簡單的語言,變成了現(xiàn)在能夠處理復(fù)雜計(jì)算和交互,擁有閉包、匿名函數(shù), 甚至元編程等...
    LaBaby_閱讀 1,751評論 0 6
  • 1.函數(shù):split() 功能:字符串轉(zhuǎn)數(shù)組,使用一個指定的分隔符把一個字符串分割存儲到數(shù)組 例子: str=”...
    阿根廷斗牛閱讀 1,207評論 0 0

友情鏈接更多精彩內(nèi)容