JavaScriptでテキスト中に含まれる特定文字の置換方法

Question

はじめまして、私はmarkdown記法をJavaScriptで自作しています。
ご相談として次のような文字列の置換実現したいです。

変換前

■ケース１　テキスト中に『**』が偶数個ある場合

• txt1 = "あい**うえお**かきくけこ"

■ケース２　テキスト中に『**』が偶数個ある。さらに複数組の『**』が存在する場合

• txt2 = "あい**うえお**かき**くけこ**"　

■ケース3『**』が奇数個しかない場合（このケースは置換されない）

• txt3 = "あい**うえおかきくけこ"　

置換後

• txt1 = "あい<em>うえお</em>かきくけこ"
• txt2 = "あい<em>うえお</em>かき<em>くけこ</em>"
• txt3 = "あい**うえおかきくけこ"

---

私が実施した方法として、まずmatchでテキスト中の『**』を一旦配列に抽出し、lengthで個数をカウントしました。

『**』が奇数個の場合は、置換をせずに出力しますので、txt3のケースは対応できました。

ケース１と2の対応はreplaceAll()を使い、実現しようと思いました。
私が書いたコードでは全ての『**』が<em>へ置換されてしまいます。

テキスト中の偶数番目だけ</em>へ置換する指定が記述できれば解決すると考えていますが、うまく書けていない状況です。

txt.match(/\*\*/g).length % 2 === 1
　?  `<p>${txt}</p>`
　:  `<p>${text.replaceAll(/\*\*/g, "<em>")}</p>`

上記のロジックに沿っていなくても大丈夫です。
解決策をアドバイスいただけると助かります。
よろしくお願いいたします。

Comments

[oran]

いったんすべて<em>に置換した後、何回「<em>」が出現するのかをカウントし、
<em>の個数分ループを回して、偶数回目のみ<em>を</em>に置換するのはどうでしょう。

何回<em>が出現したかカウントしたときに奇数だったら、上記コードの通りに何も置換しないようにすればよいかなと思いました。

Answer 1

こちらでいかがでしょうか。

const inputArray = [
  "あい**うえお**かきくけこ",
  "あい**うえお**かき**くけこ**",
  "あい**うえおかきくけこ",
];

// partsjs/_includeCount.js at master · standard-software/partsjs
// https://github.com/standard-software/partsjs/blob/master/source/string/_includeCount.js

const _includeCount = (str, search) => {
  let result = 0;
  let index = 0;
  do {
    index = str.indexOf(search, index);
    if (index === -1) { break; }
    index += search.length;
    result += 1;
  } while (true);
  return result;
};

for (let txt of inputArray) {
  const count = _includeCount(txt, '**');
  if (count % 2 === 1) {
    continue;
  }
  for (let i = 0; i < count; i += 1) {
    if (i % 2 === 0) {
      txt = txt.replace('**', '<em>');
    } else {
      txt = txt.replace('**', '</em>');
    }
  }
  console.log(txt);
}
// あい<em>うえお</em>かきくけこ
// あい<em>うえお</em>かき<em>くけこ</em>

Comments

[jigu3638442]

解決案をご提案していただきありがとうございました。
関数型を優先して実装していたため、別の方をベストアンサーにさせていただきました。
できなかった場合、上記のロジックのような解決策を取り入れる予定でした。ありがとうございました。

[standard-soft]

どういたしまして。
一応、こんな記事も最近かいたことがあるので、ご参考にでも。

「メンテできなくなるから複雑な正規表現は書かないでくれない？」正規表現を理解していない人に合わせろってことですか？に対する回答 - Quora
https://qr.ae/pG0evw

ベストアンサーじゃなかったから悔しくて....みたいなのではないんですが、いちおう。

sigurupoさんのコードは非常にかっこよくスッキリしていて、自分も勉強させていただいています。

Answer 2

const paragraph = 'あい**うえお**かきくけこ';
const regex = /\*\*([^\*]+)\*\*/g;
const found = paragraph.replaceAll(regex, "<em>$1</em>");

console.log(found);
}

生のテキストからhtmlの<>を抜き出す感じで作りました。

Comments

[jigu3638442]

自分のやりたいことを表現してくれてありがとうございます。動作も想定通りでした。
上記の正規表現を調べ、やり方が理解できました。ありがとうございました！