javaScriptのsplitについて

Question

split("x")で、yが1度目に出てきたのみ分割し、その後にxがいくつ現れても分割しないということは可能でしょうか。
split("x",2)ですと3度目以降分割されたものがなくなってしまうので、違うと思うのですが。
切り取りではなくあくまで分割が希望です。

"x"が","のとき "りんご,レモン,すいか,ぶどう"; を
fruit[0] = "りんご";
fruit[1] = "レモン";
fruit[2] = "すいか";
fruit[3] = "ぶどう";

ではなく
fruit[0] = "りんご";
fruit[1] = "レモン,すいか,ぶどう";

としたいです。

Answer 1

べたな方法

<script>
var str = "りんご,レモン,すいか,ぶどう";
var a=[];
str.split(",").map(function(i,j){
  if(j<=1) a.push(i);
  else a[1]+=","+i;
});
console.log(a);
</script>

Answer 2

正規表現を使って、以下のようにすることが出来ます。

var deli = ",";
// 頭から一つ目のdelimiterまでと、delimiterから最後までを分離する正規表現
var reg = new RegExp("^([^" + deli + "]*)" + deli + "(.*)"); 
var res = reg.exec("りんご,レモン,すいか,ぶどう");
console.log(res[1]) // "りんご"
console.log(res[2]) // "レモン,すいか,ぶどう"

ちょっと邪道ですが、こんなやり方もあります。

var str = "りんご,レモン,すいか,ぶどう";
var dlm = ",";
var sp = str.split(dlm, 2); 
sp[1] = str.replace(sp[0] + dlm, "");

Answer 3

分割が一か所なので、分割位置をindexOfで調べ、substringで分割位置前後の部分文字列をそれぞれ取り出し、それらを配列にすればよいと思います。

// Stringの拡張としてdivideTwoメソッドを定義した例
String.prototype.divideTwo = function (delimiter) {
  var pos = this.indexOf(delimiter);
  if (pos >= 0)
    return [this.substring(0, pos), this.substring(pos + delimiter.length)];
  else
    return [this];
}

// お試し
var ar = ["a", "a,b", "a,b,c"]
ar.forEach(s => {
  console.log("s = " + s);
  console.log("divideTwo = " + JSON.stringify(s.divideTwo(",")));
});

結果==>

s = a
divideTwo = ["a"]
s = a,b
divideTwo = ["a","b"]
s = a,b,c
divideTwo = ["a","b,c"]

Comments

[kusunoki]

皆さん回答頂きありがとうございます。
分割は出来たのですが、その後matchを使いたくて。
それが出来ないでいます。

[KSwordOfHaste]

質問内容に書かれていることと違うようですが・・・
質問したい内容はよく整理して個別に端的に質問することをお勧めします。「プログラムを完成させる」という目的に向かって頑張っているのはわかるのですが、質問内容に書かれていない質問をコメント欄でやってしまうとＱ＆Ａが発散してしまいますので。別の内容の疑問がわいたなら新たに質問を挙げた方がよいですよ？

[kusunoki]

アドバイスありがとうございます。
簡単なテスト用データを使って個別で作ったものは動くが、何かで出されたものに対しては出来ないことが多くて、つい続けてしまいました。
わかりやすく質問するよう心がけていきたいと思います。