JavaScriptの変数とループを用いたreplace()の処理

Question

配列に含まれる値すべてを別のTextでreplaceしたいです。
配列だと想定通りに動作しないのですが、どのようにすればいいのでしょうか。

// 通常の文字列
let newText = '';
const text = '㌘';
let regExp = new RegExp('㌘', "g");
newText = text.replace(regExp, 'aaaa');
console.log('1st:' + newText);

// 配列から
const textArr = ['㌘', 'a', 'b'];
textArr.forEach((item) =>{
    console.log(item);
    regExp = new RegExp(item, "g");
    newText = text.replace(regExp, 'aaaa');
})
console.log('2nd:' + newText);

結果は以下です。

1st:aaaa
㌘
a
b
2nd:㌘

追記

すみません、情報が不足しておりました。
配列に含まれるものをすべて'aaaa'に置換したいという要件でした。

例でいうと期待する結果は
2nd:aaaa
です

Comments

[otn]

どういう結果を期待したのか不明です。個々の置換結果を見たいのなら、console.log('2nd:' + newText);をループの中に入れないと。

Answer 1

具体的に期待する結果とそのロジックはなんでしょう？
文字列'㌘'が配列の['㌘', 'a', 'b']のいずれかにヒットしたとき
aaaaに変わればいいのでしょうか？

var textArr = ['㌘', 'a', 'b'];
var reg = new RegExp("["+textArr.join()+"]","g");
var newText = text.replace(reg, 'aaaa');
console.log(newText);

二文字以上のヒットを想定するとこう

var text = 'abcaabacbca';
var textArr = ['ab', 'ac'];
var reg = new RegExp("("+textArr.join("|")+")","g");
var newText = text.replace(reg, 'xy');
console.log(newText);

Comments

[orange377]

まさにそれです！
要件をきちんと示せず申し訳なかったです。
察していただき感謝です。

Answer 2

もしかして、こういうことがしたかったんでしょうか？

// 通常の文字列
let newText = '';
const text = '㌘';
let regExp = new RegExp('㌘', "g");
newText = text.replace(regExp, 'aaaa');
console.log('1st:' + newText);

// 配列から
newText = text;
const textArr = ['㌘', 'a', 'b'];
textArr.forEach((item) =>{
    console.log(item);
    regExp = new RegExp(item, "g");
    newText = newText.replace(regExp, 'aaaa');
})
console.log('2nd:' + newText);

㌘が一旦aaaaになって、それぞれのaがまた4つになるので16個のaになりますね。

Comments

[orange377]

すみません、要件が不足しておりました。
回答ありがとうございました。

Answer 3

昔、translateByArray() という関数を作ったことがあります。

• translate.js : XPath の translate() 関数。

(2017/12/04 12:51追記)
要件を勘違いしている気がしてきましたので、配列を置換するコードを書いておきます。

['㌘', 'a', 'b'].map(v => v === '㌘' ? 'aaaa' : v); // ["aaaa", "a", "b"]

Re: orange377 さん

Comments

[orange377]

すみません、要件が不足しておりました。
回答ありがとうございました。