內置對象String及String的經常使用操做

學習String的屬性和方法

一、String對象的屬性和方法

二、連字符式變量形式轉爲駝峯式

原理:切分以後除第一個的每部分首字母改成大寫。數組

注意:學習

split():stringObject.split(separator,howmany),split() 方法用於把一個字符串分割成字符串數組,前一個參數制定分隔符,後一個參數制定生成的數組的最大長度(通常省略)。this

charAt(): charAt() 方法可返回指定位置的字符。stringObject.charAt(index)url

toUpperCase(): toUpperCase() 方法用於把字符串轉換爲大寫。stringObject.toUpperCase() ,對一個字符串所有轉爲大寫(若是沒指定位置的話)。對應的方法:toLowerCase() 方法用於把字符串轉換爲小寫,用法同樣。spa

substr(): stringObject.substr(start,length),substr() 方法可在字符串中抽取從 start 下標開始的指定數目(length)的字符。substr() 的參數指定的是子串的開始位置和長度,所以它能夠替代 substring() 和 slice() 來使用。prototype

substring:stringObject.substring(start,stop),substring() 方法用於提取字符串中介於兩個指定下標之間的字符。substring() 方法返回的子串包括 start 處的字符,但不包括 stop 處的字符。若是參數 start 與 stop 相等,那麼該方法返回的就是一個空串(即長度爲 0 的字符串)。若是 start 比 stop 大,那麼該方法在提取子串以前會先交換這兩個參數。與 slice() 和 substr() 方法不一樣的是,substring() 不接受負的參數。code

slice(): stringObject.slice(start,end),slice() 方法可提取字符串的某個部分,並以新的字符串返回被提取的部分。String 對象的方法 slice()、substring() 和 substr() (不建議使用)均可返回字符串的指定部分。slice() 比 substring() 要靈活一些,由於它容許使用負數做爲參數slice() 與 substr() 有所不一樣,由於它用兩個字符的位置來指定子串,而 substr() 則用字符位置和長度來指定子串。還要注意的是,String.slice() 與 Array.slice() 類似。htm

var foo = "get-element-by-id";
function combo(str){
    var arr = str.split("-");
    for(var i=1,len=arr.length;i<len;i++){
        arr[i] = arr[i].charAt(0).toUpperCase()+arr[i].substr(1,arr[i].length-1);
    }
    return arr.join("");
}
combo(foo);

三、解析url

原理:一直分割,而後賦值給對象。對象

var urlStr = "https://item.taobao.com/item.htm?spm=a217x.7282709.1997523041.2.6i95Qv&id=524219158382&scm=13003.1.5287000.9b57ece9a7c9199d0e4edf1c17873045";
function serilizeUrl(str){
    var result = {};
    var _url = str.split("?")[1];
    _url = _url.split("&");
    for(var i = 0,len = _url.length;i<len;i++){
        var _m = _url[i].split("=");
        result[_m[0]] = _m[1];
    }
    return result;
}
serilizeUrl(urlStr);

四、清除字符串先後的空格

原理:原生trim()方法,該方法會建立一個字符串的副本,刪除前置及後綴的全部空格,而後返回結果。blog

//兼容性trim()
if(!String.prototype.trim){
    String.prototype.trim = function(){
        return this.replace(/^s+/,"").replace(/\s+$/,"");
    }
}
//test
console.log("     dfsdf   dsfdsf    ".trim());
相關文章
相關標籤/搜索