JavaScript連載23-String對象及其常用方法

一、String對象

1.字元串的所有方法，都不會修改字元串本身（字元串是不可變的，操作完成之後會返回一個新的字元串）

• 註意點：拼接大量的字元串會有性能問題，我們經常使用伺服器渲染和模板引擎來解決這個問題
• 常用的方法:
  （1）str.length
  獲取字元串的長度
  （2）str.charAt(index)
  可以用來獲取字元串的某個索引位置的字元
  （3）str.charCodeAt(index)
  可以用來獲取字元串的某個索引位置的字元的ASCII碼
  （4）str[index]
  可以用來獲取字元串第index位置的字元
  （5）str.concat(str2)
  str2為String類型，用於拼接兩個字元串，相當於“+”號
  （6）str.slice(start,end)
  從start開始，一直截取到end位置字元子串(不包括end位置)
  （7）str.substring(start,end)
  從start開始，一直截取到end位置字元子串(不包括end位置)
  （8）str.substr(start,length)
  從start開始，一直截取length長度的字元子串(不包括end位置)\

    var str = "itlike.com";
    console.log(str.charAt(3));

    for(var i=0;i<str.length;i++){
        console.log(str.charAt(i));
    }
    console.log("=========");
    console.log(str.charCodeAt(1));
    console.log(str[1]);
    console.log("==============");
    console.log(str.concat("fujiade"));
    console.log(str.slice(0, 2));
    console.log(str.substring(0, 2));
    console.log(str.substr(2, 2));

運行結果：
（9）str.indexOf(character)
返回字元character在元字元串中從前往後找的第一個的位置索引
（10）str.lastIndexOf(character)
返回字元character在元字元串中從後往前找的第一個的位置索引
（11）str.tirm()
只能去除字元串前後的空白
（12）str.toUpperCase
將字元串轉換為大寫的
（13）str.toLowerCase()
將字元串轉換為小寫的
（14）str.seach(string)
在字元串中查找子字元串string的位置，並返回第一找到的索引，沒有找到返回-1\

    var str = "itlike.com";
    console.log(str.indexOf('k'));
    console.log(str.lastIndexOf('o'));
    var str2 = "   sdifjos   f    "
    console.log(str2.trim());
    var str3 = "sdfjosFJDISHJOGsjdfFJOF"
    console.log(str3.toLowerCase());
    console.log(str3.toUpperCase());
    console.log("=======================");
    console.log(str.search("it"));
    console.log(str.search("i"));
    console.log(str.search("itsdf"));

顯示結果：

2.做一個練習

• URL轉化為對象

    var url = "http://www.itlike.com/user?name=xl&pwd=lovexl&sex=女&age=2";
    function getUrlParams(url) {
        //起點
        var index = url.indexOf("?")+1;
        var params = url.substring(index);//沒有傳第二個值就代表著後面全都要
        var paramsArr = params.split("&");//返回一個數組
        console.log(paramsArr);
        var obj = {};
        paramsArr.forEach(function (value, index, array) {
            console.log(value);
            var tempArr = value.split("=");
            obj[tempArr[0]] = tempArr[1];
            console.log(obj);
        });
        return obj;
    }
    var obj = getUrlParams(url);
    console.log(obj);

顯示結果：

二、源碼：

• D23_1_StringAPI.html
• 地址:https://github.com/ruigege66/JavaScript/blob/master/D23_1_StringAPI.html
• 博客園：https://www.cnblogs.com/ruigege0000/
• CSDN：https://blog.csdn.net/weixin_44630050?t=1
• 歡迎關註微信公眾號：傅里葉變換，個人賬號，僅用於技術交流，後臺回覆“禮包”獲取Java大數據學習視頻禮包