JavaScript字符串與數組方法整理

字符串(String)的方法:正則表達式

代碼後面的都是返回值數組

var str = "atusdgafsvg";
var str1 = "123456789";
var str0 = "sdasd tuyt weq fhf sw ss f g g";
var str5 = "Wdfdf T SDFDFdfdf";
            
//方法:
//經常使用:
    //1. charAt()   返回指定索引處的字符
    console.log(str.charAt(4));   //d
            
    //2. charCodeAt()    返回指定索引處的unicode字符
    console.log(str.charCodeAt(4));    //100
    console.log(str.charCodeAt(1));    //116
            
    //3. indexOf    判斷一個字符第一次出如今某個字符串的索引,若是包含返回它的索引,若是不包含返回-1
    console.log(str.indexOf("s"));    //3
    console.log(str.indexOf("i"));    //-1
            
    //4. lastIndexOf   判斷一個字符最後一次出如今某個字符串的索引,若是包含返回它的索引,若是不包含返回-1
    console.log(str.lastIndexOf("s"));    //8
    console.log(str.lastIndexOf("q"));    //-1
            
    //5. concat    拼接2個字符串,返回一個新字符串,對原有字符串沒有任何改變
    var str2 = str.concat(str1);
    console.log(str2);     //atusdgafsvg123456789
            
    //6. substr(n,m)      從索引n開始,截取m個字符,將截取的字符返回,對原字符串沒有任何改變,包括m,n能夠是負值,-1從字符串最後一位開始計算
    console.log(str.substr(1,5));    //tusdg
    console.log(str.substr(-2));      //vg
            
    //7. substring(n,m)     從索引n開始,截取到索引m,不包括m.將截取的字符返回,對原字符串沒有任何改變,不接受負值
    console.log(str.substring(3,4));    //s
    console.log(str.substring(6));      //afsvg 
            
    //8. slice(n,m)     從索引n開始,截取到索引m,不包括m.將截取的字符返回,對原字符串沒有任何改變,n能夠是負值
    console.log(str.substring(-7,4));    //atus
    console.log(str.substring(9));       //vg
            
    //9. split     用指定字符分割字符串,返回一個數組.對原字符串沒有任何改變
    document.write(str0.split("",3) + "<br />");    //atus
    document.write(str0.split(" ")); 
            
    //10. replace('a',1);    替換指定字符,返回替換後新的字符串,對原有字符串有改變。(第一個參數能夠是正則表達式) 只能替換一次 ,配合正則模              式修飾符g使用
    console.log(str.replace("s",4));      //atu4dgafsvg
    console.log(str.replace("d","%"));    //atus%gafsvg
            
    //11. match()      可在字符串內檢索指定的值,或找到一個或多個正則表達式的匹配。把找到的字符放在數組裏,返回一個數組
    console.log(str.match("atu"));        //[atu]
    console.log(str.match("atu000"));     //null
            
    //12. search()    方法用於檢索字符串中指定的子字符串,或檢索與正則表達式相匹配的子字符串,沒有就返回-1
    console.log(str.search("fsvg"));       //7
    console.log(str.search("atu"));        //0
    console.log(str.search("atu000"));     //-1
            
//不經常使用:
    //1. fixed()     方法用於把字符串顯示爲打字機字體
    document.write("<br />"); 
    document.write(str.fixed());       //atusdgafsvg
            
    //2. fontcolor()      方法用於按照指定的顏色來顯示字符串
    document.write("<br />"); 
    document.write(str.fontcolor("Red"));      //atusdgafsvg   紅色 
            
    //3. fontsize()     方法用於按照指定的尺寸來顯示字符串
    document.write("<br />"); 
    document.write(str.fontsize(10));      //atusdgafsvg
            
    //4. fromCharCode()     可接受一個指定的 Unicode 值,而後返回一個字符串
    document.write("<br />");
                
        document.write(String.fromCharCode(72,69,76,76,79));       //HELLO
    document.write("<br />");
             
        document.write(String.fromCharCode(65,66,67));         //ABC
            
    //5. italics()     方法用於把字符串顯示爲斜體
    document.write("<br />");
    document.write(str.italics());       //atusdgafsvg    斜體
            
    //6. lastIndexOf()     方法可返回一個指定的字符串值最後出現的位置,在一個字符串中的指定位置從後向前搜索,區分大小寫,若是沒有找到,就返                  回-1
    document.write("<br />");
    document.write(str.lastIndexOf("dga") + "<br />");      //4
    document.write(str.lastIndexOf("Dga") + "<br />");      //-1
    document.write(str.lastIndexOf("dGa"));                 //-1
            
    //7. link()     方法用於把字符串顯示爲超連接
    document.write("<br />");
    document.write(str.link("atusdgafsvg"));         //atusdgafsvg   有下劃線
            
    //8. toLocaleLowerCase()和toLowerCase()      將字符串轉換爲小寫,與 toLowerCase() 不一樣的是,toLocaleLowerCase()             方法按照本地方式把字符串轉換爲小寫。只有幾種語言(如土耳其語)具備地方特有的大小寫映射,全部該方法的返回值一般與 toLowerCase() 同樣
    document.write("<br />");
    document.write(str5.toLowerCase());          //wdfdf t sdfdfdfdf
    document.write("<br />");
    document.write(str5.toLocaleLowerCase());     //wdfdf t sdfdfdfdf
        
    //9. toLocaleUpperCase()和toUpperCase()       將字符串轉換爲大寫,與 toUpperCase() 不一樣的                 是,toLocaleUpperCase() 方法按照本地方式把字符串轉換爲大寫。只有幾種語言(如土耳其語)具備地方特有的大小寫映射,全部該方法的返回值一般與             toUpperCase() 同樣
    document.write("<br />");
    document.write(str5.toUpperCase());          //WDFDF T SDFDFDFDF
    document.write("<br />");
    document.write(str5.toLocaleUpperCase());       //WDFDF T SDFDFDFDF    

數組(Array)的方法:svg

代碼後面的都是結果字體

                        var arr = [1,2,3,4];
            var arr1 = ["mercy","devil","hita"];
//            方法:
//            1. 不改變原數組:
            //1.1  concat()     方法用於鏈接兩個或多個數組。該方法不會改變現有的數組,而僅僅會返回被鏈接數組的一個副本。
            var arr3 = [];
            document.write(arr3.concat(arr,arr1));      //1,2,3,4,mercy,devil,hita
            
            //1.2 shift()     方法用於把數組的第一個元素從其中刪除,並返回第一個元素的值    
            document.write("<br />");
            document.write(arr.shift());     //1
            
            //1.3 slice(n,[m])       方法可從已有的數組中返回選定的元素,m爲可選,從n開始到m結束,不包括m
            document.write("<br />");
            document.write(arr.slice(1,3));     //3,4
            
            //1.4 sort()     方法用於對數組的元素進行排序,有必定的侷限性,只按照第一個來排序
            document.write("<br />");
            var arr5 = [5,3,8,9,1,7];
            document.write(arr5.sort());      //1,3,5,7,8,9
            document.write("<br />");
            var arr6 = [5,3,8,9,10,7,1];
            document.write(arr6.sort());        //1,10,3,5,7,8,9
            
            //1.5 
            
//            2. 改變原數組:
            //2.1 join()     方法用於把數組中的全部元素放入一個字符串。元素是經過指定的分隔符進行分隔的,分隔符,不寫的話,默認爲逗號分隔
            document.write("<br />");
            var arr4 = [];
            arr4[0] = 1;
            arr4[1] = 2;
            arr4[2] = 3;
            arr4[3] = 4;
            arr4[4] = 5;
            document.write(arr4.join("^"));      //1^2^3^4^5
            
            //2.2 pop()      方法用於刪除並返回數組的最後一個元素
            document.write("<br />");
            document.write(arr1.pop());     //hita
            
            //2.3 push()      方法可向數組的末尾添加一個或多個元素,並返回新的長度
            document.write("<br />");
            document.write(arr4.push("9"));        //6
            
            //2.4 reverse()      方法用於顛倒數組中元素的順序
            document.write("<br />");
            document.write(arr.reverse());        //4,3,2,1
            
            //2.5 splice(n,m,i)       方法向/從數組中添加/刪除項目,而後返回被刪除的項目,n和m都是必填的,n是從第幾位開始刪除,m是刪除幾位,i是                   添加的值,能夠有多個i
            document.write("<br />");
            document.write(arr4);             //1,2,3,4,5,9
            document.write("<br />");
            document.write(arr4.splice(2,2));        //3,4
            document.write("<br />");
            document.write(arr4);            //1,2,5,9
            document.write("<br />");        
            document.write(arr4.splice(2,1,8));       //5
            document.write("<br />");
            document.write(arr4);         //1,2,8,9
            
            //2.6 unshift()      方法可向數組的開頭添加一個或更多元素,並返回新的長度
            document.write("<br />");
            document.write(arr);             //4,3,2
            document.write("<br />");
            document.write(arr.unshift(5));      //4
            document.write("<br />");
            document.write(arr);          //5,4,3,2            
相關文章
相關標籤/搜索