Index

HOME > プログラムTOP > JavaScript



文字列処理の基本(２)

　JavaScriptの基本的なTIPS集です。ここでは文字列の基本的な機能について取り扱っていきます。文字列は、主に String オブジェクトによって表現され、様々なプロパティとメソッドが定義されています。
[PAGE1] ・文字の長さ: length, charAt
・連結と分割: concat, split
・検索と置換: indexOf, lastIndexOf, search, match, replace
[PAGE2] ・文字列の抽出: substring, substr, slice
・文字の変換: toLowerCase, toUpperCase
・文字の編集: bold, italics, strike, big, small, sub, sup, fixed, fontsize, fontcolor, link, anchor

sasaraan programming

Exposition

■文字列の抽出

　substringメソッドを使うと、文字列の中の特定の範囲を抽出することができます。指定する値は 0 から始まる文字インデックスです。第一引数に開始インデックス、第二引数に終了インデックスを指定します。終了インデックスの文字は抽出されませんので注意が必要です。第二引数を省略すると文字列の最後まで抽出します。
　substrメソッドは、終了インデックスの替わりに抽出したい文字数を指定することができます。第一引数に開始インデックス、第二引数に文字数を指定します。第二引数を省略すると、文字列の最後まで抽出します。
　sliceメソッドは substringメソッドと同じ機能を持ちます。ただし、マイナス値を指定すると、文字列の末尾から数えて抽出することができます。
　なお、これれらのメソッドを使用しても元の文字列に変化はありません。

str.substring(start[, end]) ： 開始位置と終了位置を指定して文字列を抽出
str.substr(start[, length]) ： 開始位置と文字数を指定して文字列を抽出
str.slice(start[, end]) ： 開始位置と終了位置を指定して文字列を抽出
（str : Stringオブジェクト, start : 開始インデックス, end : 終了インデックス, length : 長さ） 

var s = "JavaScript Programming Sample.";

var v = s.substring(11)
document.write(v, "<br>");        // "Programming Sample."
v = s.substring(11, 22);
document.write(v, "<br>");        // "Programming"

v = s.substr(11);
document.write(v, "<br>");        // "Programming Sample."
v = s.substr(11, 7);
document.write(v, "<br>");        // "Program"

v = s.slice(11);
document.write(v, "<br>");        // "Programming Sample."
v = s.slice(11, 22);
document.write(v, "<br>");        // "Programming"
v = s.slice(-26, -20);
document.write(v, "<br>");        // "Script"

■文字列の変換

　toLowerCaseメソッドを使用して、文字列に含まれる大文字をすべて小文字に変換させることができます。toUpperCaseは、逆に文字列に含まれる小文字をすべて大文字に変換します。これらのメソッドを使用しても、元の文字列には変化はありません。

str.toLowerCase() ： 小文字に変換
str.toUpperCase() ： 大文字に変換
（str : Stringオブジェクト） 

var s = "ABCdefGHIjkl";

var v = s.toLowerCase();
document.write(v, "<br>");        // abcdefghijkl

var v = s.toUpperCase();
document.write(v, "<br>");        // ABCDEFGHIJKL

■文字の編集

　Stringオブジェクトの下記のメソッドを使うと、プログラムからフォントを編集することができます。実際は、それぞれに対応するHTMLのタグを付けた文字列が戻り値となります。なお、これらのメソッドを使っても元の文字列そのものには変化がありません。戻り値を取得してから使用します。

str.bold() ： 太文字を設定
str.italic() ： 斜体を設定
str.strike() ： 打ち消し線を設定
str.big() ： 一段大きい文字を取得
str.small() ： 一段小さい文字を取得
str.sup() ： 上付き文字を取得
str.sub() ： 下付き文字を取得
str.fixed() ： 固定幅（等幅）フォントを設定
str.fontcolor(color) ： フォントカラーを設定（color : 色を表す文字列）
str.fontsize(size) ： フォントサイズを設定（size : フォントの大きさ(1-7)）
str.link(uri) ： リンクを設定（uri : リンク先アドレス）
str.anchor(name) ： アンカー（ページ内のセクション名）を設定（name : アンカー名）
（str : Stringオブジェクト） 

function EditFont(mode) {
    var s = "JavaScript Programming Sample.";
    var o = document.Form1.Text1;
    if (mode==1)  o.value = s.bold();
    if (mode==2)  o.value = s.italics();
    if (mode==3)  o.value = s.strike();
    if (mode==4)  o.value = s.big();
    if (mode==5)  o.value = s.small();
    if (mode==6)  o.value = s.sup();
    if (mode==7)  o.value = s.sub();
    if (mode==8)  o.value = s.fixed();
    if (mode==9)  o.value = s.fontcolor("#339933");
    if (mode==10) o.value = s.fontsize(4);
    if (mode==11) o.value = s.link("jsstring2.html");
    if (mode==12) o.value = s.anchor("section1");
}

www.sasaraan.net

(c) morijoh