2022年04月23日

javascript:split()

このメソッドの説明

split() はJavaScriptメソッドです。

文字列を[文字列]又は[正規表現]で分割し、[配列]にします。

 


メソッド

String.split ( Separator , Limit )

 


パラメータ

Separator文字列 | 正規表現)(必須

文字列の区切りに使用する「文字」又は「正規表現」を指定します。

 

Limit(整数)(オプション)

分割の上限数を整数で指定します。

5個の配列ができるデータで 3 を指定すると、3番目以降のデータは捨てられます。

 


戻り値

分割できた場合:分割した配列を返します。

分割できない場合:何もしません。

 


利用例

①「,」で区切られた文字列を配列に変換する(文字で指定する例)

var size_data  = '68,70,72,74,76' ;
var size_array = size_data.split(  ','  ) ;
console.log(size_array);

■下記が表示されます。

(5) ["68", "70", "72", "74", "76"]

 

②「,」で区切られた文字列を配列に変換する(正規表現で指定する例)

var size_data  = '68,70,72,74,76';
var size_array = size_data.split( /,/ );
console.log(size_array);

■結果は同じです。

 

③色々な空白で区切られて文字列を配列に変換

var size_data = "68 70 72\n74 76"; //半角スペース、タブ、改行、全角スペースの順になっています。
var size_array = size_data.split( /[\s ]+/ );
console.log(size_array);

■1行目:数値の間は色々な空白で区切られています。

■下記が表示されます。

(5) ["68", "70", "72", "74", "76"]

 

④姓名を分割し、姓と名で取り出す

var input_name = '山田 太郎'; //区切りは「スペース」、「タブ」、「全角スペース」のいずれでも可
var list_name = input_name.split( /[\s ]+/ );
console.log( list_name [0] ) ;
console.log( list_name [1] ) ;

■1行目:姓名の間は空白文字で区切られています。

■下記が表示されます。

山田
太郎

 


関連情報

文字列を正規表現で操作する他のメソッドは正規表現メソッドを参照してください。

 

関数一覧
  • 1.JavaScript/jQueryとは
  • 2.[JS] 変数規則と文字連結
  • 3.[JS] if文
  • 4.[JS] 配列操作
  • 5.[JS] 文字列操作
  • 6.[JS] 画面情報&操作
  • 7.[JS] Timer処理
  • console.log()
  • for
  • for in
  • for of
  • indexOf()
  • join()
  • length
  • map()
  • match()
  • Object.keys()
  • Object.values()
  • parseInt()
  • pop()
  • push()
  • replace()
  • shift()
  • slice()
  • split()
  • toString()
  • unshift()
  • 1.jQueryの導入と記述の基本
  • 2.jQueryの機能追加
  • 3.jQuery文法
  • 4.階層構造の要素セレクトと操作
  • 5.要素サイズ取得メソッド
  • animate()
  • append()
  • attr()
  • change(func)
  • click()
  • click(func)
  • css()
  • each(func)
  • effect()
  • empty()
  • fadeTo()
  • get()
  • hover(f1,f2)
  • html()
  • map(func)
  • mousedown(func)
  • prop()
  • resize(func)
  • show()、hide()
  • slideToggle()
  • submit()
  • submit(func)
  • text()
  • toggle()
  • toggleClass()
  • val()