review javascript 20:string API

(1)知識點

  • (1.1)大小寫轉換
  • (1.2)獲取指定位置的字符或unicode
  • (1.3)查找關鍵字的位置
  • (1.4)獲取子字符串

(2)細化

所有API都無法修改原字符串谷朝,必定返回新字符串

(2.1)大小寫轉換

var newStr=str.toLowerCase(); //全部轉小寫
var newStr=str.toUpperCase(); //全部轉大寫

(2.2)獲取指定位置的字符或unicode

a. var char=str[i]
b. str.charAt(i);
var unicode=str.charCodeAt(i);

(2.3)查找關鍵字的位置

返回的都是關鍵字的位置下標

a.找下一個匹配的關鍵字位置:

var i=str.indexOf("kword",starti)

該方法將從頭到尾地檢索字符串 str,看它是否含有子串 kword眨唬;如果要檢索的字符串值沒有出現(xiàn)也榄,則該方法返回 -1搁吓。
starti是可選參數(shù)萎河,如果省略starti随抠,則會從0開始禁筏。
indexOf() 方法可返回某個指定的字符串值在字符串中首次出現(xiàn)的位置尽楔。

Paste_Image.png

b.找前一個匹配的關鍵子位置:

var i=str.lastIndexOf("kword",starti);

如果省略starti投储,則會從最后一位開始
starti:開始查找的位置,如果沒找到阔馋,都返回-1

(2.4)獲取子字符串

a. var sub=str.slice(starti,endi+1);
b. str.substring(starti,endi+1); //不支持負數(shù)參數(shù)
c. str.substr(starti,n);

a的使用方法等同于數(shù)組玛荞,http://www.reibang.com/p/000ea322f218


(3)實踐

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>string API</title>
</head>
<body>
<script type="text/javascript">
    /**
     * (1)大小寫轉換
     * (2)獲取指定位置的字符或unicode
     * (3)查找關鍵字的位置
     * (4)獲取子字符串
     *
     */
    init();
    function init() {
        var str1 = 'Hello World!';
        lower(str1);
        upper(str1);
        char(str1);
        //檢索關鍵字 indexOf
        findKeyword(str1, 'H');  // -1,H位置在0呕寝,檢索從1開始的
        findKeyword(str1, 'e');  // 1
        findKeyword(str1, 'hello');  // -1
        findKeyword(str1, 'World');  // 6
        //lastIndexOf
        findLastKeyword(str1, 'H');  //0
        findLastKeyword(str1, 'e');  //1
        findLastKeyword(str1, 'World');  //-1
        //獲取子字符
        getChild(str1);

    }
    //全部轉換成小寫
    function lower(str) {
        var newStr = str.toLowerCase();
        console.log(newStr);
    }
    //全部轉換成大寫
    function upper(str) {
        var newStr = str.toUpperCase();
        console.log(newStr);
        console.log('----------完美的分隔符----------');
    }
    //獲取指定位置的字符
    function char(str) {
        console.log('位置在4的字符:' + str.charAt(4));
        console.log('位置在8的字符:' + str[8]);
        var unicode = str.charCodeAt(8);
        console.log('位置在8的unicode:' + unicode);
        console.log('----------完美的分隔符----------');
    }
    /**
     * 查找關鍵字的位置
     * 返回的都是關鍵字的位置下標
     */
    function findKeyword(str, keyWord) {
        var i = str.indexOf(keyWord, 1);    //省略位置勋眯,則從0開始
        console.log(i);
    }
    function findLastKeyword(str, keyWord) {
        var i = str.lastIndexOf(keyWord, 1);    //省略位置,則從0開始
        console.log(i);
    }

    /**
     * 獲取子字符串
     * var sub=str.slice(starti,endi+1);
     * str.substring(starti,endi+1); //不支持負數(shù)參數(shù)
     * str.substr(starti,n);
     *
     */
    function getChild(str) {
        var sub1 = str.slice(2, 4);
        var sub2 = str.substring(2, 4);
        var sub3 = str.substr(2, 3);
        console.log('sub1:' + sub1);
        console.log('sub2:' + sub2);
        console.log('sub3:' + sub3);
    }


</script>
</body>
</html>
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
  • 序言:七十年代末下梢,一起剝皮案震驚了整個濱河市客蹋,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌孽江,老刑警劉巖讶坯,帶你破解...
    沈念sama閱讀 207,113評論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異岗屏,居然都是意外死亡辆琅,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,644評論 2 381
  • 文/潘曉璐 我一進店門这刷,熙熙樓的掌柜王于貴愁眉苦臉地迎上來婉烟,“玉大人,你說我怎么就攤上這事暇屋∷圃” “怎么了?”我有些...
    開封第一講書人閱讀 153,340評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長叔营。 經(jīng)常有香客問我屋彪,道長所宰,這世上最難降的妖魔是什么绒尊? 我笑而不...
    開封第一講書人閱讀 55,449評論 1 279
  • 正文 為了忘掉前任,我火速辦了婚禮仔粥,結果婚禮上婴谱,老公的妹妹穿的比我還像新娘。我一直安慰自己躯泰,他們只是感情好谭羔,可當我...
    茶點故事閱讀 64,445評論 5 374
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著麦向,像睡著了一般瘟裸。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上诵竭,一...
    開封第一講書人閱讀 49,166評論 1 284
  • 那天话告,我揣著相機與錄音,去河邊找鬼卵慰。 笑死沙郭,一個胖子當著我的面吹牛,可吹牛的內容都是我干的裳朋。 我是一名探鬼主播病线,決...
    沈念sama閱讀 38,442評論 3 401
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼鲤嫡!你這毒婦竟也來了送挑?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 37,105評論 0 261
  • 序言:老撾萬榮一對情侶失蹤暖眼,失蹤者是張志新(化名)和其女友劉穎惕耕,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體罢荡,經(jīng)...
    沈念sama閱讀 43,601評論 1 300
  • 正文 獨居荒郊野嶺守林人離奇死亡赡突,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 36,066評論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了区赵。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惭缰。...
    茶點故事閱讀 38,161評論 1 334
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖笼才,靈堂內的尸體忽然破棺而出漱受,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 33,792評論 4 323
  • 正文 年R本政府宣布昂羡,位于F島的核電站絮记,受9級特大地震影響,放射性物質發(fā)生泄漏虐先。R本人自食惡果不足惜怨愤,卻給世界環(huán)境...
    茶點故事閱讀 39,351評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望蛹批。 院中可真熱鬧撰洗,春花似錦、人聲如沸腐芍。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,352評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽猪勇。三九已至设褐,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間泣刹,已是汗流浹背助析。 一陣腳步聲響...
    開封第一講書人閱讀 31,584評論 1 261
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留项玛,地道東北人貌笨。 一個月前我還...
    沈念sama閱讀 45,618評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像襟沮,于是被迫代替她去往敵國和親锥惋。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 42,916評論 2 344

推薦閱讀更多精彩內容

  • 《ijs》速成開發(fā)手冊3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,073評論 0 7
  • 一开伏、JS前言 (1)認識JS 也許你已經(jīng)了解HTML標記(也稱為結構)膀跌,知道了CSS樣式(也稱為表示),會使用HT...
    凜0_0閱讀 2,752評論 0 8
  • 第1章 認識JS JavaScript能做什么固灵?1.增強頁面動態(tài)效果(如:下拉菜單捅伤、圖片輪播、信息滾動等)2.實現(xiàn)...
    mo默22閱讀 1,246評論 0 5
  • 昨天跟妹妹很悠閑的在聊天巫玻,臨近開學了丛忆,又要個自去個自的學校報道了,想想挺心酸仍秤,又要好久才能見面了熄诡,我就說好想快點到...
    scarJJ閱讀 189評論 0 0
  • 前言:Google開源了JPEG格式壓縮工具Guetzli Guetzli 是一個編碼器,它可以實現(xiàn)在高視覺質量...
    我是吸血鬼閱讀 3,709評論 10 8