【JavaScript】splitの使い方
JavaScriptで文字列を扱う時によく使われる split についてお話するよ。
唐突にどうしたのって?
自分でもすぐ忘れてしまうのと、実際に動かして確認したいからだよ。
長い文字列をある決まった文字で分割して、配列に格納してくれるという
使い方によってはとても便利な関数。
例えば・・・
aaa,bbb,ccc,ddd,eee
こういったカンマ区切りの文字列は、CSVファイルの中身などで良く使われる。
それをカンマ(,)でバラバラにして、
aaa → 配列[0]
bbb → 配列[1]
ccc → 配列[2]
ddd → 配列[3]
eee → 配列[4]
こういう風に格納したいなんてことがよくある。
では早速動かしてみよう!
1 普段使い
枠に実際に入力して確認してみよう。
1行目 charは文字列。日本語もOK。ここでは25文字まで入れられるようにしてあるよ。
2行目 char.split(" ")←この文字列で分割される。まず -(ハイフン)を入れてみよう。
var char = " ";
var result = char.split( " " );
純粋に、split()で設定した値で分かれて配列resultに格納されたね。
面白いにゃぁ・・・
ちなみにバラバラにしたものを再びくっつけたい時には、
var kuttuita = result.join(",");
ってやると、またカンマで繋がった文字列(kuttuita)になるよ。
2 正規表現使い
split(正規表現)でも分割することができるなんて嬉しい。
2行目は正規表現の記法で入力してね。
あと、g (グローバル)と i (大文字/小文字を区別しない)の選択もやってみよう。
splitでは、g の時と何も設定しない時とで同じ結果になるんだね。
(他のmatchやreplaceでは違うから注意)
var char = " ";
var result = char.split( / / );
例えば /./ の場合と /\./ とでは、結果(result)が全く違う。
上の「1.普段使い」のところで . を入れても全く違う結果。
不思議だにゃぁ・・・
正規表現を使いこなせるようになると、プログラミングも楽しくなるよ。
↓ここで細かい使い方を見てね。
- 作者: Jan Goyvaerts,Steven Levithan,長尾高弘
- 出版社/メーカー: オライリージャパン
- 発売日: 2010/04/15
- メディア: 大型本
- 購入: 4人 クリック: 197回
- この商品を含むブログ (13件) を見る
- 作者: Jeffrey E.F. Friedl,株式会社ロングテール,長尾高弘
- 出版社/メーカー: オライリージャパン
- 発売日: 2008/04/26
- メディア: 大型本
- 購入: 24人 クリック: 754回
- この商品を含むブログ (85件) を見る