js String的字符串方法

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

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

字符串方法:

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

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

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

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

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

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

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

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

var str = 'welcome to beijInG';
alert(str.substr(2,8));
alert(str.substr(2));//第二個(gè)值不寫默認(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(' ');
    /*重新加一個(gè)數(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ù)時(shí)溺森,slice會(huì)將它字符串的長度與對應(yīng)的負(fù)數(shù)相加慕爬,結(jié)果作為參數(shù);substr則僅僅是將第一個(gè)參數(shù)與字符串長度相加后的結(jié)果作為第一個(gè)參數(shù)屏积;substring則干脆將負(fù)參數(shù)都直接轉(zhuǎn)換為0医窿。

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

最后有一個(gè)小算法留搔,用來得出字符串中每個(gè)字符出現(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)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市铛铁,隨后出現(xiàn)的幾起案子隔显,更是在濱河造成了極大的恐慌,老刑警劉巖饵逐,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件括眠,死亡現(xiàn)場離奇詭異,居然都是意外死亡倍权,警方通過查閱死者的電腦和手機(jī)掷豺,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進(jìn)店門捞烟,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人当船,你說我怎么就攤上這事题画。” “怎么了德频?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵苍息,是天一觀的道長。 經(jīng)常有香客問我壹置,道長竞思,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任钞护,我火速辦了婚禮盖喷,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘难咕。我一直安慰自己课梳,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布余佃。 她就那樣靜靜地躺著暮刃,像睡著了一般。 火紅的嫁衣襯著肌膚如雪咙冗。 梳的紋絲不亂的頭發(fā)上沾歪,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天漂彤,我揣著相機(jī)與錄音雾消,去河邊找鬼。 笑死挫望,一個(gè)胖子當(dāng)著我的面吹牛立润,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播媳板,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼桑腮,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了蛉幸?” 一聲冷哼從身側(cè)響起破讨,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎奕纫,沒想到半個(gè)月后提陶,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡匹层,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年隙笆,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,664評論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡撑柔,死狀恐怖瘸爽,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情铅忿,我是刑警寧澤剪决,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布,位于F島的核電站辆沦,受9級特大地震影響昼捍,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜肢扯,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一妒茬、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧蔚晨,春花似錦乍钻、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至累舷,卻和暖如春浩考,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背被盈。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工析孽, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人只怎。 一個(gè)月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓袜瞬,卻偏偏與公主長得像,于是被迫代替她去往敵國和親身堡。 傳聞我的和親對象是個(gè)殘疾皇子邓尤,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,554評論 2 349

推薦閱讀更多精彩內(nèi)容

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