JavaScriptで文字列を分割する方法

Question

JavaScriptにて，文字列を任意の箇所で分割する方法を考えています．
文字列を選択し，そのスタート位置と終了位置を使って分割したいと考えています．

例：’文字列を任意の箇所で’で分割する．
JavaScriptにて，文字列を任意の箇所で分割する方法はありますでしょうか？
　　　　　↓
['JavaScripにて,','文字列を任意の箇所で','分割する方法はありますでしょうか？']

現在は愚直に1文字1文字分割しfor文で回しています．ほかの方法がございましたらご教授いただければ幸いです．またJavaScriptを最近始めましたので，アドバイスがあればお願いいたします．

function(){
    var obj = document.getSelection();
    var beforeTextArr = document.getElementById('targetText').innerHTML;
    var afterTextArr = [];
    if (obj.anchorOffset>0){
        var afterText = '';
        for(var i=0; i< obj.anchorOffset; i++){
          afterText += beforeTextArr[i];
        }
        afterTextArr.push(afterText);

        afterText='';
        for(var i=obj.anchorOffset; i<obj.focusOffset;i++){
          afterText += beforeTextArr[i];
        }
        afterTextArr.push(afterText);

        afterText='';
        for(var i=obj.focusOffset; i<beforeTextArr.length;i++){
          afterText += beforeTextArr[i];
        }
        afterTextArr.push(afterText);
        
        console.log(afterTextArr);//出力
    }else{
        var afterText = '';
        for(var i=obj.anchorOffset; i<obj.focusOffset;i++){
          afterText += beforeTextArr[i];
        }
        afterTextArr.push(afterText);

        afterText='';
        for(var i=obj.focusOffset; i<beforeTextArr.length;i++){
          afterText += beforeTextArr[i];
        }
        afterTextArr.push(afterText);
        
        console.log(afterTextArr);//出力
    }
}

追記：

text = 'AAAABBBBCCCC'
↓
5，6文字目のBBを選択した場合
result=['AAAA','BB','BBCCCC']
7，8文字目のBBを選択した場合
result=['AAAABB','BB','CCCC']
のようなことです．

Comments

[Zuishin]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

[papinianus]

jun68ykt様へのコメントでやりたいことがわからなくなりました。
分割は3つになるわけではないのですよね？で、分割の手掛かりとして何が指定されるのですか？

[mermer]

追記させていただきました．
文字列を選択したところで区切りたいです．

[papinianus]

['AA','AABBBBBCCCC']このパターンは一体どこを選択したのですか？

[mermer]

最初のAAもしくは後ろのAABBBBCCCCです．

[papinianus]

了解です。ありがとうございます

[Zuishin]

https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/substring

これでできませんか？
それとも読めませんか？

[mermer]

Zuishin様，部分文字列しか取れないのでできないと思いましたが，そちらでできそうですね．
失礼しました．試してみます．

Answer 1

こんにちは

以下で出来るかと思います。

const text = 'JavaScriptにて，文字列を任意の箇所で分割する方法はありますでしょうか？';
const subText = '文字列を任意の箇所で';

const regexp = new RegExp(`(${subText})`);

const result = text.split(regexp);

console.log(result);  // => ["JavaScriptにて，", "文字列を任意の箇所で", "分割する方法はありますでしょうか？"]

• 動作確認用CodePen: https://codepen.io/jun68ykt/pen/LYEBQjK?editors=0012

参考になれば幸いです。

Comments

[mermer]

質問の例文が悪かったです．
例えば文字列'AAAABBBBCCCC'に対して
['AA','AABBBBBCCCC']や
['AAAABBB','BB','CCCC']
で分割することは可能でしょうか？
正規表現での検索は難しいですか？

[papinianus]

こちらに失礼。質問コードのobjをobj.toString()をして、こちらの回答のsubTextに代入することで追記した目的ら達成できませんか？

[mermer]

試しました．
例えば文字列を'AAAABBBBCCCC'とし最初のAA2文字を選択，subTextに代入すると，
["", "AA", "", "AA", "BBBBCCCC"]が出力されます．
求める結果は["AA","AABBBBCCCC"]です．

Answer 2

こちらで解決しました．
Zuishin様，ありがとうございます．
他の皆様も貴重なお時間ありがとうございました．

function f(){
    var obj = document.getSelection();
    var beforeText = document.getElementById('targetText').innerHTML;
    var result = [];
    result.push(beforeText.substring(0,obj.anchorOffset));
    result.push(beforeText.substring(obj.anchorOffset,obj.focusOffset));
    result.push(beforeText.substring(obj.focusOffset,beforeText.length));
    
    console.log(result);//出力
}

Answer 3

こんな方法とか。

const divide = (text, offsets) => {
  return offsets.reduce((a, c, i) =>
    {
      if (i == 0) {
        return [text.slice(0, c), text.slice(c)]
      } else {
        const last = a.length - 1
        const p = text.length - a[last].length
        return [...a.splice(0, last), text.slice(p, c), text.slice(c)]
      }
    },
    [])
}

text = 'JavaScriptにて，文字列を任意の箇所で分割する方法はありますでしょうか？'
offsets = [12, 23]
console.log(divide(text, offsets))

実行結果

[ 'JavaScriptにて', '，文字列を任意の箇所で', '分割する方法はありますでしょうか？' ]