2014年02月27日

split メソッド javascript

スポンサード リンク

 split メソッド 文字列を分割する
String.split(separator, limit);

文字列を区切り文字で分割し、新しい配列を生成します。

  分割対象文字列 ⇊   * 区切り文字は"、" と 改行 *

実行結果:

イオンのオンラインショッピングサイト 〜 おうちでイオン イオンショップ 〜
★☆★☆★☆ ナウでヤングなレンタルサーバー!ロリポップ! ☆★☆★☆★
月額105円〜容量最大120GB!大人気のWordpressも簡単インストール★
WordPressが簡単・すぐに使える『レンタルサーバーheteml(ヘテムル)

サンプルソース

<!DOCTYPE html>
 <html lang="ja">
 <head>
 <meta charset="UTF-8">
<title>split メソッド</title>
 <script>
  function splitStr() {
    var str = document.getElementById("str").value;//テキストエリアの文字列
    var outPut = document.getElementById("outPut");//表示領域
    var out="";  // 格納変数
    var rep=(/\r\n|\n/g); // 正規表現 テキストエリアの改行コード取得
    var line=str.split(rep); // 区切り文字行単位(改行)で文字列,分割

for (var i = 0; i < line.length; i++){ 
 out+=(i==0) ? "":"<br />";  // 条件演算子
  var lineStp = line[i].split("、"); // 区切り文字 "、" 行内の文字列,分割
   for (var j = 0; j <lineStp.length; j++) {
    out +="&nbsp;&nbsp;&nbsp;["+i+j+"] "+lineStp[j]; 
           }
             }
       outPut.innerHTML=out; // 分割文字列を書き出し
        }
 </script>
</head>
<body>
  <p>分割対象文字列:<br />
 <textarea id="str" rows="4" style="font-size :16px ;width : 530px;">
split メソッド、文字列を分割して、配列を返します。
このボックスの、文字列を、指定した区切り文字
この場合は"、 "で分割し、分割文字列を、配列として返し
且つ分割文字列を、行単位で、配列として格納しています。</textarea></p>
 <p><input type="button" value="文字列分割" onclick="splitStr()" /></p>
<p id="outPut" style="width : 530px;">実行結果:</p>
</body>
</html>
split メソッド お試しボックス
  分割対象文字列-String:
String.split(separator, limit);
第1引数-separator  第2引数-limit

実行結果:

split メソッド
指定した区切り文字を使って、対象文字列を複数の部分文字列に区切り、その配列を返す関数です。
構文
String.split(separator, limit);
引数
separator: 文字列を分割する区切り文字を設定します。区切りには正規表現も指定できます。
limit:    生成した部分文字列、配列の取り出し数を指定します。
詳細
separator(区切り文字)が文字列に含まれない場合は文字列全体が一つの配列で返ります。
空のときは、対象文字列が一文字ごとに分割されて配列に格納されます。
文字列先頭、文字列末尾に区切り文字がある場合は空の要素を含む配列が返ります。
区切り文字は新しい配列には含まれません。
正規表現
簡単な使用例
var moji ="あ1い2う3え4お5か6き7く8け9こ"
var dsp ="";
var spLit=moji.split(/[0-9]/); // 数字を区切りに
 for (var i = 0; i < spLit.length; i++){ 
  dsp +=spLit[i]; }
   alert(dsp);

タグ:Split
posted by javaScript at 23:52 | 大阪 ☔ | 文字、文字列 | このブログの読者になる | 更新情報をチェックする
×

この広告は1年以上新しい記事の投稿がないブログに表示されております。