質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.53%

  • JavaScript

    19927questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Node.js

    2302questions

    Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。

Javascript | 'あ●い▲う'などの文字列をsplitなど用いて区切り文字も含めた配列にしたい。

解決済

回答 5

投稿 編集

  • 評価
  • クリップ 8
  • VIEW 2,112

32uta2

score 17

現状(1)

const str = 'あああ■いいい■ううう■えええ■おおお';
arr = str.split('■');
console.log(array); // ['あああ','いいい','ううう','えええ','おおお']

第一ステージとして、以下のような配列を期待しているので

['あああ','■','いいい','■','ううう','■','えええ','■','おおお'];

以下の解放を作りました。

const str = 'あああ■いいい■ううう■えええ■おおお'
const splitString = '■'
const arr = str.split(splitString);
arr.forEach(function(element,index) {
  if (index%2 == 0){
     return
  }
  arr[index] = '■'
});

今回したいこと。

以下にあるような配列を期待したいのですが、なかなか解法が浮かびません。

const str = 'あああ■いいい▲ううう■えええ▲おおお';
const arr = str.split(/■|▲/);
console.log(arr); // [ 'あああ', 'いいい', 'ううう', 'えええ', 'おおお' ]

//// 何らかの処理...

////////////// 期待する配列 /////////////////
console.log(arr); // ['あああ', '■', 'いいい', '▲', 'ううう', '■', 'えええ', '▲', 'おおお'];

もし実装が可能な方いらっしゃったらご教授、助言などいただけると幸いです。
また現状(1)のコードのアドバイス等も頂けると幸いです。よろしくお願いします。

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • kei344

    2019/03/07 12:20

    予想するくらいなら別質問にすればよいのでは。例示する文字列やコードは実際使用するものと同じ物を用意したほうが良いですよ。

    キャンセル

  • 32uta2

    2019/03/07 12:26 編集

    やはりそうしますね、ありがとうございます!
    手が空いた際にコメントやベストアンサーの決定などさせていただきます!

    キャンセル

回答 5

checkベストアンサー

+22

こんな感じでしょうか?

console.log('あああ■いいい▲ううう■えええ▲おおお'.split(/([■|▲]+)/));
// => [ 'あああ', '■', 'いいい', '▲', 'ううう', '■', 'えええ', '▲', 'おおお' ]

参考: 正規表現でマッチした要素を残しつつsplitしたい - DRYな備忘録

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/03/06 19:36

    うわ、これ知らなかったです……なるほど……

    > separator が、キャプチャする括弧を含む正規表現だった場合、マッチしたキャプチャする括弧の結果(任意の undefined となった結果を含む)である各回の区切りが出力配列に結合されます。
    https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/split#Description

    キャンセル

  • 2019/03/06 20:13

    これは便利

    キャンセル

  • 2019/03/06 20:43

    すごいこれは

    キャンセル

  • 2019/03/06 21:59

    お前がNo.1だ……

    キャンセル

  • 2019/03/07 10:14 編集

    ありがとうございます...こんな1行でできるなんて...
    正規表現について確認させていただけないでしょうか、

    / ... / 正規表現の始まり終わり
    ( ) キャプチャ
    [ ... | ... ] OR

    は多分認識はあってると思うのですが、

    + は直前の文字(または文字列)の1回以上の繰り返しという意味でしょうか。

    キャンセル

+6

  const str = 'あああ■いいい▲ううう■えええ▲おおお';
  str.match(/■|▲|.+?(?=[■|▲])|.+/g);

/*
あああ,■,いいい,▲,ううう,■,えええ,▲,おおお
*/

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

「こうしたらできるのではないか」という考え方だけの回答です。
区切り文字の前後に区切り文字を含まない同じ文字列(1字よりも記号など組み合わせた方が良い)を投入し(正規表現を使った置換で良いと思います)、その文字列でsplit

※その投入する文字列群を事前に別の文字列に変換する処理を入れて、split後に戻すような対応まで出来ればなおよし

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

正規表現でマッチした要素を残しつつsplitしたい - DRYな備忘録

上記エントリーを参考に下記でいかがでしょうか。
(エントリーの丸パクリです)

const str = 'あああ■いいい▲ううう■えええ▲おおお';

const rule = /[■|▲]+/g;

let copy = str;

const arr = [];

src.match(rule).forEach(function(m) {
    const i = copy.indexOf(m);
    if (i != 0) {
      arr.push(copy.slice(0, i - 1)); // マッチじゃない部分をpush
    }
    arr.push(copy.slice(i, i + m.length)); // マッチな部分をpush
    copy = copy.slice(i + m.length); // pushした部分を削る
});
if (copy.length != 0) {
  arr.push(copy); // ケツに残りカスがあればpush
}
console.log(arr);

投稿

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

+3

以下の解放を作りました

これ動かしたら(5) ["あああ", "■", "ううう", "■", "おおお"]になって、
いいいえええの文字列が剥げるやん。
新しく空の配列を1個用意して、交互にpushしていくというやり方にしないと駄目だよ。


もうLhankor_Mhyさんとredshogaさんの回答には勝てないので
質問文のコードの考え方を元に無理やり改造して解いてみたよ。
これは中々に死ねるけど、中々綺麗なコードになったかも。

const str = 'あああ■いいい▲ううう■えええ▲おおお';

// 対象の文字を配列にしてreduceでくくる
// アロー関数使ってなかったのでES5でコードを書いた
['■', '▲'].reduce(function (strs, splitString) {
  var results = [];
  strs.forEach(function (str) {
    str.split(splitString).forEach(function(it, i){
      if (i !== 0) results.push(splitString);
      results.push(it);
    });
  });
  return results;
}, [str]);
// (9) ["あああ", "■", "いいい", "▲", "ううう", "■", "えええ", "▲", "おおお"]

こんな感じでreduceの開始を[str]にするのが拘りポイント、
後は一時的に二次元配列を作って、一次元配列に固め直すというやり方で解決できる。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

同じタグがついた質問を見る

  • JavaScript

    19927questions

    JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

  • Node.js

    2302questions

    Node.jsとはGoogleのV8 JavaScriptエンジンを使用しているサーバーサイドのイベント駆動型プログラムです。