JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptでPHPのexplode()と同等の処理を行うには？

PHPのexplode()関数に相当するJavaScriptの機能は、split()メソッドです。split()を使えば、区切り文字を指定して文字列を簡単に配列へ分割できます。

例：最初のコロンの後のデータを取得する

以下は、コロン（:）で区切られた文字列を分割し、最初のコロン以降のデータを取得するサンプルコードです。

<!DOCTYPE html>
<html>
   <body>
      <script>
         var str = '087000764008:Rank:info:result';
         var arr = str.split(":");

         document.write(arr[1] + ":" + arr[2]);
      </script>
   </body>
</html>

コードの解説

このコードでは、文字列'087000764008:Rank:info:result'をコロンを基準に分割し、結果として以下の配列が生成されます。

  • arr[0] → 087000764008
  • arr[1] → Rank
  • arr[2] → info
  • arr[3] → result

実行結果として、画面にはRank:infoと表示されます。

補足：limitオプションについて

PHPのexplode()と同様に、JavaScriptのsplit()でも第2引数で分割数の上限（limit）を指定できます。ただし、PHPとは挙動が異なる点があるため、注意が必要です。また、正規表現を区切り文字として使えるのもsplit()の便利な特徴です。

  1. JavaScriptで要素の順序に基づいてタグの内部HTMLを変更する方法

    ページ内の複数の同じクラスを持つ要素に対して、順序に基づいてテキストや内部HTMLを一括変更したい場合があります。そのようなときは、document.querySelectorAll() を使うと簡単に実現できます。querySelectorAll() は、指定したセレクターに一致するすべての要素を NodeList として取得できるため、ループ処理と組み合わせることで、各要素に連番などの値を順番に設定することが可能です。実装例以下は、ボタンをクリックすると3つの段落（<p>タグ）のテキストが、クリックされた順序に基づいて番号付きのテキストに変更されるサンプルコードです。<!

  2. HTMLのacronym（頭字語）タグの使い方とHTML5での代替方法

    HTMLのacronym（頭字語）タグとは HTMLの<acronym>タグは、頭字語（アクロニム）を定義するために使用される要素です。頭字語とは、複数の単語の頭文字を組み合わせて作られた略語のことを指します。 注意：HTML5では<acronym>タグはサポートされていません。代わりに<abbr>タグを使用することが推奨されています。 頭字語の具体例 B2B：Business to Business（企業間取引） B2C：Business to Consumer（企業と消費者間の取引） CMS：Content Management System（コンテン