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

1、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));

運行結果:
23.1 (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\html

    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"));

顯示結果:
23.2git

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);

顯示結果:
23.3github

2、源碼:

    • 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大數據學習視頻禮包
      20.4
相關文章
相關標籤/搜索