JavaScript基礎總結（四）——字符串總結

一、字符串位置操做
1-一、str.charAt(index) 字符串中index位置的字符

str.charCodeAt(index) 字符串中index位置的字符編碼

代碼以下：

var str="hello word";
    //str.charAt(index位置字符)
    document.write(str.charAt(2)); //輸出值爲l
    document.write("<br />");
    //str.charAt(index位置字符編碼)
    document.write(str.charCodeAt(2)); //輸出值爲108

1-二、str.indexOf("從左至右起一個字符串中搜索指定字符")

str.lastIndexOf("從右至左起一個字符串中搜索指定字符")
 indexOf與lastIndexOf返回數值，沒有搜索的其值返回-1

代碼以下：

var strs="479114169@qq.com";
    //從左側開始檢測第一個1出現的位置
    document.write(strs.indexOf("1")); //輸出值爲3
    document.write("<br />");
    //檢測2在字符串中出現的位置返回值爲-1，表示字符串中2沒有出現
    document.write(strs.indexOf("2")); //輸出值爲-1
    document.write("<br />");
    document.write(strs.lastIndexOf("7")); //輸出值爲1

二、字符串截取
str.slice(start,end) 中start爲必選選項，指定字符串的開始位置；end爲可選，表示字符串的結束位置，end不在截取範圍內，省略時截取至字符串未尾

str.substring（）同slice，區別在於對於負值的操做
當爲負數時自動將負值轉爲0，end爲負值時自動將其默認爲字符串截取的開始位置
str.substr(start,len)中start爲必選，指定字符開始位置，當start爲負值時，將字符長度與負值相加；len表示截取的字符總數，當爲負值時返回空字符串
代碼以下：
var arr="hello world";
    //str.slice(start,end) 
    //start爲字符的開始位置必選選項，end爲字符串的結束位置可選選項，此項不寫時默認到字符串結束位置
    //若是爲負數時用字符長度+傳入的負值參數        
    document.write(arr.slice(2)+"<br/>");//輸出值爲l至最後llo world
    //str.substring(start,end)同slice，區別在於傳入的參數爲負值時自動將負值轉換爲0
    document.write(arr.substring(2)+"<br/>");//輸出值爲l至最後llo world
    document.write(arr.substring(-7,7)+"<br/>");//hello w
    //str.substr(start,len)start指定字符串開始位置，當start爲負值時，負值與字體長度相加
    //len表示截取的字符串長度，當爲負值時返回空字符串
    document.write(arr.substr(2,4)+"<br/>");//llo

字符串截取例以下：

<!--須要你們判斷出「JavaScript」這個字符出現的位置，以及它在這段話中總共出現了幾回，-->
<script type="text/javascript">
    var str="JavaScript 是屬於網絡的腳本語言！JavaScript 被數百萬計的網頁用來改進設計、驗證表單、檢測瀏覽器、建立cookies，以及更多的應用。JavaScript 是因特網上最流行的腳本語言。JavaScript很容易使用！你必定會喜歡它的！",//原字符串 
        sum=1; //字符串初次顯示的位置 
    //循環原數找出J出現的位置
    for(var i=0;i<str.length;i++){
        if(str[i].charAt("J")==="J"){ //通charAt屬性查找J的位置
            if(str.substr(i,10)){//截取JavaScript的位置
                document.write("JavaScript第"+sum+"次出現是在"+i+"的位置"+"<br />");
                sum+=1; //每出現一次增長1
            }
        }
    }
    document.write("JavaScript在這段話中出現了"+(sum-1)+"次");//總共出現的次數
</script>

---

三、字符串方法綜合應用：編寫js函數，用於查找郵箱的後綴名，代碼以下：

//查找郵箱後綴名
    function suffix(str){
        for(var i=0;i<str.length;i++){//循環原字符串
        if(str[i]==="@"){//當字符串有@元素時打印@的下標
            document.write("後續名爲："+str.slice(i));
            }
        }
    }
    suffix("nice@qq.com ")；

---

四、字符串轉數組：

str.split("字符串的分隔符") 字符串轉數組

五、str.toUpperCase()字符串轉換成大寫
strs.toLowerCase()字符串轉小寫
以上兩種方法會生成副本，原字符中不變
例：
//將字符串"Never deter till tomorrow that which you can do today"的」tomorrow」轉化爲大寫。

var str="Never deter till tomorrow that which you can do today";
    var index=str.indexOf("tomorrow");//獲取tomorrow中t的下標17
    var indes=str.substr(index,8);// 得到字符串tomorrow
    var upperStr=indes.toUpperCase(); //將字符串tomorrow並轉換成大寫
    console.log(str.slice(0,17)+upperStr+str.slice(25));//拼接後的字符串