stringObject.replace( substring, replaceSubstring )メソッドは、Stringオブジェクトの文字列のうち、引数「substring」に指定した部分文字列に最初にマッチした部分文字列を、引数「replaceSubstring」に指定した置換文字列に置き換えるメソッド。
構文
stringObject.replace( substring, replaceSubstring )
引数
- substring
- 置き換えたい部分文字列を指定する。
- replaceSubstring
- 置換文字列。
- 下記のような変数を使い、正規表現にマッチした部分文字列を挿入することもできる。
$&: マッチした部分文字列を挿入。$`: マッチした部分文字列の直前の部分文字列を挿入。$': マッチした部分文字列の直後の部分文字列を挿入。$$:$を挿入。
戻り値
置換後文字列。
サンプル
アルファベット
<script type="text/javascript">
var $sampleString = new String( 'ABCDEFG ABCDEFG' );
var $results = $sampleString.replace( 'ABC', 'abc' );
document.write( '$sampleString.replace( \'ABC\', \'abc\' ): ' );
document.write( $results );
</script>
var $sampleString = new String( 'ABCDEFG ABCDEFG' );
var $results = $sampleString.replace( 'ABC', 'abc' );
document.write( '$sampleString.replace( \'ABC\', \'abc\' ): ' );
document.write( $results );
</script>
↓↓↓出力結果↓↓↓
マッチした部分文字列を挿入
<script type="text/javascript">
var $sampleString = new String( 'ABCDEFG ABCDEFG' );
var $results = $sampleString.replace( 'CDE', "「$&」" );
document.write( '$sampleString.replace( \'CDE\', "「$&」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$`」" );
document.write( '$sampleString.replace( \'CDE\', "「$`」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$'」" );
document.write( '$sampleString.replace( \'CDE\', "「$\'」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$$」" );
document.write( '$sampleString.replace( \'CDE\', "「$$」" ): ' );
document.write( $results );
document.write( '<br />' );
</script>
var $sampleString = new String( 'ABCDEFG ABCDEFG' );
var $results = $sampleString.replace( 'CDE', "「$&」" );
document.write( '$sampleString.replace( \'CDE\', "「$&」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$`」" );
document.write( '$sampleString.replace( \'CDE\', "「$`」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$'」" );
document.write( '$sampleString.replace( \'CDE\', "「$\'」" ): ' );
document.write( $results );
document.write( '<br />' );
var $results = $sampleString.replace( 'CDE', "「$$」" );
document.write( '$sampleString.replace( \'CDE\', "「$$」" ): ' );
document.write( $results );
document.write( '<br />' );
</script>
↓↓↓出力結果↓↓↓
$sampleString.replace( ‘CDE’, “「$&」” ): AB「CDE」FG ABCDEFG$sampleString.replace( ‘CDE’, “「$`」” ): AB「AB」FG ABCDEFG
$sampleString.replace( ‘CDE’, “「$’」” ): AB「FG ABCDEFG」FG ABCDEFG
$sampleString.replace( ‘CDE’, “「$$」” ): AB「$」FG ABCDEFG
ひらがな
<script type="text/javascript">
var $sampleString = new String( 'あいうえお あいうえお' );
var $results = $sampleString.replace( 'あいう', 'アイウ' );
document.write( '$sampleString.replace( \'あいう\', \'アイウ\' ): ' );
document.write( $results );
</script>
var $sampleString = new String( 'あいうえお あいうえお' );
var $results = $sampleString.replace( 'あいう', 'アイウ' );
document.write( '$sampleString.replace( \'あいう\', \'アイウ\' ): ' );
document.write( $results );
</script>
↓↓↓出力結果↓↓↓