Javascript TIPS No.14 文字列の置換 その2「正規表現,replace」
- このエントリはJavascript TIPS No.13 文字列の置換 その1「replaceの続きだよ!
- replaceで置換したい文字列を「正規表現で記述」することで、対象の文章から「マッチする文字列を全て置換する」ことができます
文法
文字列(全体).replace(対象の文字列(正規表現),書き換え後の文字列)
サンプルコード
<html lang="ja-JP"> <head><title>文字列の置換</title> <script type="text/javascript"> function Himitu(){ myStr = document.getElementById('genki').innerHTML; myStr = myStr.replace(/た/g,""); document.getElementById('genki').innerHTML = myStr; } </script> </head> <body> <div id="genki">たたたたみたたたなたたさたんたたたおたたた元たた気たたたたた?たたた</div> <input type="button" onClick="Himitu()" value="解読"> </body> </html>
解説
- エレメント(genki)のinnerHTMLを取得し、正規表現で置換するプログラムです
処理1(検索対象の文字列を取得)
- 変数(myStr)にエレメント(genki)のinnerHTML(たたたたみ…)を格納
myStr = document.getElementById('genki').innerHTML;
処理2(文字列の置換[正規表現])
- 変数(myStr)に格納されているinnerHTML(たたたたみ…)の文字列「た」をすべて空白("")に置換する
myStr = myStr.replace(/た/,"");
処理2(文字列の反映)
- エレメント(genki)に置換後の変数(myStr)を格納する
document.getElementById('genki').innerHTML = myStr;