前面我們介紹了javascript的資料類型,今天我們透過一些例子再來溫故一下,希望大家能夠達到知新的地步。 複製程式碼 程式碼如下: <br /> //1、Boolean 類型<br /> //2、Number 類型<br /> //3、String 類型<br /> //Boolean類型容易與基本類型混淆,所以建議永遠不要使用Boolean物件。 <br /> //Number是與數字對應的引用型別<br /> var numberObj = new Number(10);<br /> //重寫toString方法 傳入的參數是告訴它放回幾個進位數字的字串型別<br /> var num = 10;<br /> alert(num.toString());//"10"<br /> alert(num.toString(2));//"1010"<br /> alert(num.toString(8));//"12"<br /> alert(num.toString(10));//"10"<br /> alert(num.toString(16));//"a"<br /> //toFixed()方法,是傳回指定小數位的數值的字串表示方法,且具有四捨五入的功能<br /> var num = 10;<br /> num.toFixed(2);//"10.00"<br /> //toExponential()指數表示法方法,接受一個參數表示輸出結果中小數的位數<br /> var num = 10;<br /> alert(num.toExponential(1));//"1.0e 1"<br /> //不過這麼小的數字就不需要使用指數表示法了,如果你想得到某個數值最合適的格式就應該使用<br /> //toPrecision()方法,此方法可能傳回固定大小(fixed)格式,也可能回傳指數(exponential)格式<br /> //接受一個參數表示數值所有數字的位數(不包括指數部分)。 <br /> var num = 99;<br /> alert(num.toPrecision(1));//1e 2,1e 2表示100,因為指數無法表示99所以向上捨入變成100<br /> alert(num.toPrecision(2));//"99"<br /> alert(num.toPrecision(3));//"99.0"<br /> //String對象,而String物件的方法也可在所有基本的字串中存取。 <br /> //1、字元操作方法:charAt()、charCodeAt()。每個參數都接受一個基於位置0的字元位置<br /> var stringValue = "Hello world!";<br /> stringValue.charAt(1);//"e" 第二個位置是「e」<br /> stringValue.charCodeAt(1);//"101" 第二個位置「e」的字元編碼是「101」<br /> //2、字串操作方法concat(拼接的字元)、slice(index,index)、substring(index,index)、substr(index,length)。 index:位置,length:長度<br /> var str1 = "hello";<br /> alert(str1.concat(" word"));//Hello world<br /> alert(str1.concat(" word", "!"));//Hello world!<br /> var stringValue = "Hello world!";<br /> alert(stringValue.slice(3));//lo world<br /> alert(stringValue.substring(3));//lo world<br /> alert(stringValue.substr(3));//lo world<br /> alert(stringValue.slice(3, 7));//lo w<br /> alert(stringValue.substring(3, 7));//lo w<br /> alert(stringValue.substr(3, 7));//lo worl 這個7代表截取的長度<br /> //3、字串位置方法 indexOf() 與 lastIndexOf()<br /> //這兩個方法都是從指定的字串中搜尋給定的字串,然後再傳回字串的位置,沒有找到就回傳-1。 <br /> //這兩個方法的差異在於一個是從字串的開頭向後搜尋字串,而lastIndexOf是從字串的末尾向前搜尋字串。 <br /> //這兩個方法都有一個可選的參數(從指定的位置開始搜尋)<br /> var stringValue = "hello word";<br /> alert(stringValue.indexOf("o"));//4<br /> alert(stringValue.lastIndexOf("o"));//7<br /> //可以循環呼叫indexOf或lastIndexOf找出指定的字串<br /> var stringValue = "wo de wei lai bu shi meng!wo men you geng hao de ming tian!";<br /> var positions = [];<br /> var pos = stringValue.indexOf("e");<br /> while (pos > -1) {<br /> positions.push(pos);<br /> pos = stringValue.indexOf("e", pos 1);<br /> }<br /> alert(positions);//4、7、22、33、38、47<br /> //4、trim()這個方法會建立一個字串副本,刪除前置和後置的所有空格。 <br /> var stringValue=" hello word ";<br /> alert(stringValue);<br /> alert(stringValue.trim());<br /> //5、字串大小寫轉換法<br /> //toLowerCase、toLocalLowerCase、toUpperCase、toLocalUpperCase<br /> var stringValue="hello word";<br /> alert(stringValue.toLocaleUpperCase());//此方法較為穩健<br /> alert(stringValue.toUpperCase());<br /> alert(stringValue.toLocaleLowerCase());//此方法較為穩健<br /> alert(stringValue.toLowerCase());<br /> //6、字串符合方法 replace()<br /> //這個方法接受兩個參數,第一個參數是正規表示式或字串,第二個參數是一個字串或一個函數<br /> var text="cat,bat,sat,fat";<br /> var result=text.replace("at","ond");//<br /> alert(result);//"cond,bond,sond,fond"<br /> var result=text.replace(/at/g,"ond");//<br /> alert(result);//"cond,bond,sond,fond"<br /> var text="cat,bat,sat,fat";<br /> result=text.replace(/(.at)/g,"word ($1)");<br /> alert(result);<br /> //replace的第二個參數也可以是一個函數<br /> function htmlEscape(text) {<br /> //函數有三個參數:1、模式匹配項 2、模式匹配項在字元中的位置 3、原始字串<br /> return text.replace(/[<>"&]/g,function(match,index,text){<br /> switch (match){<br /> case "<":<br /> return "<";<br /> case ">":<br /> return ">";<br /> case "&":<br /> return "&";<br /> case """:<br /> return """;<br /> }<br /> });<br /> }<br /> alert(htmlEscape("<p class="greeting">Hello World!"));<br /> //<p class="greeting">Hello World!<br /> //localCompare()比較兩個字串。 A.localCompare("B")<br /> //如果字串(A)在字母表中排在字串參數(B)之前,這會傳回負數(-1)<br /> //若字串等於字串參數則回傳0<br /> //若字串(A)在字母表中排在字串參數(B)之後則傳回正數(1)<br /> var stringValue="f";<br /> alert(stringValue.localeCompare("d"));//1<br /> alert(stringValue.localeCompare("f"));//0<br /> alert(stringValue.localeCompare("z"));//-1<br /> //fromCharCode 這個靜態方法是與charCodeAt執行相反的操作<br /> alert(String.fromCharCode(104,101,108,108,111));//"hello"<br /> //7、html方法建議使用。 <br /> END 童鞋們是否對javascript的資料類型有了新的認識了呢,希望大家能夠喜歡。