JSの文字列を配列で順に検索改行か置換をするにはどうすればいいですか

Question

JSの文字列を配列のデータで順に文字列先頭から検索して改行していくのはどうすればいいでしょうか。

ネットや本をいろいろ調べても
個別の処理は書いてるのですが
組み合わせ方を説明してるものが見つからずでした。

例えば

var str = 'この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば';

var array = ['ば', 'ふ','の', 'も'];

を

この世をば
わが世とぞ思ふ
望月の
欠けたることも
なしと思へば

という形にしたいです。

または

この世をば、わが世とぞ思ふ、望月の、欠けたることも、なしと思へば

という風に配列のデータで文字列検索して「、」を挿入するのでもいいのですが

調べても個別の処理しか説明がなかったので

処理の組み合わせ方などアドバイスお願いします。

Answer 1

処理の組み合わせ方の説明が見つからない

調べても個別の処理しか説明がなかったので処理の組み合わせ方などアドバイスお願いします。

「組み合わせ方」は「答えそのもの」です。
これから書こうとしているコードの組み合わせが全て先行者によって発見されているなら、新しい発明は生まれないですよね。
組み合わせを考えるのは、あなた自身だと私は思います。

• 質問するときのヒント｜teratail（テラテイル）

コード

既に回答が2つもついており、今更、答えを隠しても仕方がないので書いてしまいますが、

var str = 'この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば';

str = str.replace(/(?:(この世)|([ばふのも]))(?!$)/g, (m, i, w) => (i || w + '、'));
console.log(str); // "この世をば、わが世とぞ思ふ、望月の、欠けたることも、なしと思へば"

「この世」に句点を入れてはなりませんが、「さちこの世帯」には句点を入れなければなりません(「この世」に句点を入れてはならないルールだけ適用すると、誤爆します)。
「あの世」にも句点を入れてはなりませんが、「みりあの世帯」には句点を入れなければなりません。
例外規定を考えていくと、「いたちごっこ」となり、キリがない事に気が付きます。
最終的には形態素解析を使う事になると思われます。

• 形態素解析 - Wikipedia

Re: tomeater さん

Comments

[tomeater]

ありがとうございます。形態素解析について調べてみます。

Answer 2

のが条件に入っちゃってるので
「この、世をば」と、2文字目の「の」もヒットしてしまいますね。
これ回避するのはかなり厳しいですね。

で、kei344 さんの回答でもいいんですが、末尾の「思へば」のあとにも「、」が入ってしまうので、

// 改行
'この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば'.replace(/([ばふのも])([^$])/g, '$1\n$2');

// 読点
'この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば'.replace(/([ばふのも])([^$])/g, '$1、$2');

こうやって末尾に余計な読点や改行が入っちゃうのを回避できます。

Comments

[tomeater]

ありがとうございます。もっと精進します。

Answer 3

十中八九考えすぎなのでしょうが、質問の意図を、文字列に対して、配列の先頭から順に文字を探していき、その文字が見つかった場所で改行し、配列の次の要素に進むと理解しました。

つまり、他の方の回答にあるように、「の」があるから「この、世」ではなく、まずは「ば」を探し、ばがあった場所より後ろで、「ふ」を探し、その場所以降で「の」を探しとすると、題意に破綻がない解釈を行うことができます。

こういう解釈を私にされてしまうということは質問(というか要件)が詰め切れていないということです。それはすなわち、欲しいものが何か分からないので欲しいものを得ることができない、のです。

なお下記では、探索する要素がなかったらそこで中断するような処理にしています。
(なんか思ったよりダサいコードになりました)
※ こういうことを言うと、探している文字は絶対に対象に含まれます、とか言う人がいるのですが、何にも保証されていないコードで探したいものがあるなんて発言は信用に値しません。

var array = ['ば', 'ふ','の', 'も'];
var str = "この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば";

function sep(str, array, ret) {

    if(array.length === 0) {
        ret.push(str);
        return ret;
    }
    let cur = array.shift();
    let pos = str.indexOf(cur);
    if(pos === -1) {
        ret.push(str);
        return ret;
    }
    ret.push(str.substring(0, pos + 1));
    return sep(str.substring(pos + 1),array, ret);
}

console.log(sep(str,array,[]));

Comments

[tomeater]

ありがとうございます。まだまだひよっこなのでどなたの回答がベストアンサーなのか理解に至らず足踏みしていました。こちらの回答は配列ありなので、ベストアンサーとなりました。

Answer 4

何をどう調べて、何が要件と違ったかを質問文に含めたほうがよいですよ。
ちなみに提示の要件であれば「もも」「ふふふ」とかも置換されることになります。

'この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば'.replace(/([ばふのも])/g, '$1、')

【String.prototype.replace() - JavaScript | MDN】
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/String/replace

Comments

[tomeater]

ありがとうございます。こういう場合は配列は文字列とみなしたほうがいいと理解しました。

Answer 5

まだ経験が浅いのでこういう風にしか書けませんでした。

<script>

var str0='この世をばわが世とぞ思ふ望月の欠けたることもなしと思へば';

if(str0.indexOf("ば")>=0){var str1=str0.substring(str0.indexOf("ば")+1,str0.length);}
var str2 = str0.replace(str1 ,''); document.write(str2+"<br>");

if(str0.indexOf("ふ")>=0){var str2=str1.substring(str1.indexOf("ふ")+1,str1.length);}
var str3 = str1.replace(str2 ,''); document.write(str3+"<br>");

if(str0.indexOf("の")>=0){var str3=str2.substring(str2.indexOf("の")+1,str2.length);}
var str4 = str2.replace(str3 ,''); document.write(str4+"<br>");

if(str0.indexOf("も")>=0){var str4=str3.substring(str3.indexOf("も")+1,str3.length);}
var str5 = str3.replace(str4 ,''); document.write(str5+"<br>");

if(str0.indexOf("ば")>=0){var str5=str4.substring(str4.indexOf("ば")+1,str4.length);}
var str6 = str4.replace(str5 ,''); document.write(str6+"<br>");


</script>