文字列の操作2

2024年01月16日(火) 09時36分更新 icon 項目のみ表示/展開表示の切り替え

文字列の検索(indexOf,lastIndexOf)

string.indexOf(検索文字列),string.lastIndexOf(検索文字列)
以下のボタンをクリックすると文字列を検索しマッチした位置を返します。
1行目に検索対象の文字、2行目に検索結果を表示します。
indexOfは文字列が見つかった先頭からの位置を返します。lastIndexOfは末尾から検索します。
見つからない場合は-1を返します。 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id1"></span>
  <script type="text/javascript">
  function test1(){
    var s="Boys, be ambitious ";
    var o=document.getElementById('id1');
    o.innerHTML=s+"<br />"+s.indexOf("be")+"文字目";
  }
  </script>
  <form name="test1Form">
    <input type="button" value="検索する" onclick="test1()" />
  </form>
</body>
</html>

文字列を正規表現で検索する(match)

string.match(/正規表現/フラグ)
以下のボタンをクリックすると正規表現で検索します。
1行目に検索対象文字列、2行目にマッチした文字(be)を表示します。 
<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <span id="id2"></span>
  <script type="text/javascript">
  function test2(){
    var s="Boys, be ambitious ";
    var o=document.getElementById('id2');
    var a=s.match(/be/g);
    var t=s+"<br />";
    for(var n=0;n<a.length;n++)
      t=t+a[n]+"<br />";
    o.innerHTML=t;
  }
  </script>
  <form name="test2Form">
    <input type="button" value="検索する" onclick="test2()" />
  </form>
</body>
</html>

文字列を正規表現で置換する得(replace)

string.replace(/正規表現/フラグ,置換する文字列)
以下のボタンをクリックすると1行目に置き換え前の文字列、2行目に置換後の文字列を表示します。


  
  

    
  




<html>
<head>
  <meta charset="utf-8">
</head>
<body>
  <pre id="id3"></pre>

  <script type="text/javascript">
  function test3(){
    var s="Boys, be ambitious ";
    var o=document.getElementById('id3');
    var s=s+"<br />"+s.replace(/Boys/g,"Girls");
    o.innerHTML=s;
  }
  </script>
  <form name="test3Form">
    <input type="button" value="置換する" onclick="test3()" />
  </form>
</body>
</html>