JavaScript

   


字串 (String)


字串

所有字串型態資料都視作字串物件。 字串物件的方法大致可分成兩類: HTML 格式和字串資訊, HTML 格式類有 big() blink() bold() italics() fixed() , 而字串資訊類有 indexOf() lastIndexOf() toUpperCase() 等。

屬性

  • length

    傳回字串物件的長度

    例子: 找出字串的長度

    <script>
    var text = "Affected Text";
    alert(text.length);
    </script>

方法

  1. HTML 格式類:

    這類方法會把 HTML 標記加入字串, 方便輸出 HTML 格式文字。

    例子: 字串物件的方法之 HTML格式類型

    <script>
    var text = "Affected Text";
    alert(text.big());
    </script>

    例子說明:

    • 執行後, 可以見到 "Affected Text" 字串多了對 <BIG> 和 </BIG> HTML 標記。

    例子: HTML 格式類的字串物件方法

    <script>
    var winvar
    var text = "Affected Text"

    function dw(line) {
    winvar.document.writeln(line + "<br>")
    }

    function outputwin1() {
    winvar = window.open()
    dw("text.big(): " + text.big())
    dw("text.blink(): " + text.blink())
    dw("text.bold(): " + text.bold())
    dw("text.italics(): " + text.italics())
    dw("text.fixed(): " + text.fixed())
    dw("text.fontcolor('yellow'): " + text.fontcolor('yellow'))
    dw("text.fontcolor('#FFCC99'): " + text.fontcolor('#FFCC99'))
    dw("text.fontcolor(16581375): " + text.fontcolor(16581375))
    for (i=1 ; i<=7 ; i++) {
      dw("When fontsize = " + i + ", " + text.fontsize(i))
    }
    dw("text.small(): " + text.small())
    dw("text.strike(): " + text.strike())
    dw("text.sub(): " + text.sub())
    dw("text.sup(): " + text.sup())
    }
    </script>

    執行 outputwin1 函數

    例子說明:

    • 執行結果會在新視窗顯示, 你可以檢視新視窗的原始內容, 就知道 HTML 類型的方法在字串中加入了什麼 HTML 標記。
    • dw(line) 函數的作用是在每行輸出文字都加入 <br> 。
    • fixed() 對應的 HTML 標記是 <TT> , 即打字機字型。
  2. 字串資訊類
    1. indexOf(findString, [startingIndex])

      傳回某字串在字串物件內的位置。 findString 是要找尋的字串; startingIndex 是選擇性參數, 表示要由字串物件開頭的第幾個字元開始找尋, 如果沒有指定, 就由開頭第一個字元開始找。 如果找不到該字串, 就傳回 -1。 註:字串的第一個字元的位置是 0。

      例子: 用 indexOf 找出某字串在字串物件內的位置

      <script>
      var text = "Affected Text";
      alert(text.indexOf("fect"));
      alert(text.indexOf("fect",3));
      </script>

    2. lastIndexOf(findString, [startingIndex])

      與 indexOf 相似, 不同之處在於 lastIndexOf 是由字串結尾開始找, startingIndex 也是由字串結尾數起。

    3. toUpperCase() 和 toLowerCase()

      將 text 字串變數內的所有字元轉成大階或小階

    4. charAt(index)

      傳回字串物件內某個位置的字元。 index 是字串物件內的位置, 數值可以由 0 至text.length - 1

    5. substring(firstIndex, lastIndex)

      傳回字串物件某個部份的字串。 firstIndexlastIndex 分別是該部份字串在字串物件內的開頭和結尾位置。

      例子: 用 substring() 傳回某部份字串

      <script>
      var text = "Affected Text";
      alert(text.substring(2 , 2+3));
      </script>

      例子說明:

      • 留意: 雖然例子中的 lastIndex 是 5 , 對應的字元是 t , 但傳回的字串沒有 tfirstIndexlastIndex 的數值範圍分別是 0 至 length-1  和  1 至 length

例子: 字串資訊類

<script>
var winvar
var text = "Affected Text";

function dw(line) {
winvar.document.writeln(line + "<br>")
}

function outputwin2() {
winvar = window.open()
dw("text.toLowerCase(): " + text.toLowerCase())
dw("text.toUpperCase(): " + text.toUpperCase())
for (i=0 ; i<= text.length -1 ; i++) {
  dw("charAt(" + i + ") = " + text.charAt(i))
}
dw("text.indexOf('e')= " + text.indexOf('e'))
dw("text.indexOf('e,4')= " + text.indexOf('e',4))
dw("text.indexOf('e,7')= " + text.indexOf('e',7))
dw("text.indexOf('e,11')= " + text.indexOf('e',11))
dw("text.lastIndexOf('e')= " + text.lastIndexOf('e'))
dw("text.lastIndexOf('e,3')= " + text.lastIndexOf('e',3))
dw("text.lastIndexOf('e,6')= " + text.lastIndexOf('e',6))
dw("text.lastIndexOf('e,9')= " + text.lastIndexOf('e',9))
for (i=1 ; i <= text.length ; i++) {
  dw('text.substring(0, ' + i +') = ' + text.substring(0, i))
}

for (i=0 ; i <= text.length - 1 ; i++) {
  dw("When i = " + i + ", text.substring(i, i+1) =" + text.substring(i, i+1))
}

dw("Obviously, charAt(i) = substring(i,i+1)")

}

</script>

執行 outputwin2 函數

 







[到頁頂] [首頁] [速查表]