javascript の置換で括弧内は置換の対象にしない

Question

javascript で()や<>で囲まれた部分は置換せず、他の部分は置換する方法を教えていただければ幸いです。

例

var text = "aaaa<aa>(aaa)aaaaa" ;

console.log( text.replace( new RegExp("a","g"),"B") );

出力結果→"BBBB<BB>(BBB)BBBBB"

これを以下のような出力結果にしたいです。
出力結果→　"BBBB<aa>(aa)BBBBB"

上記のコードをどの様に変更すればよろしいでしょうか？
（正規表現でRegExpの引数だけの変更で済ませることができればベストです。）

以上、よろしくお願いいたします。

Comments

[m.ts10806]

どう見ても「囲まれた中だけ」変換したいようですが

[umikaze21]

いえ、<>,()で囲まれた部分のaはそのまま、その他の囲まれていないaのみをBに置換したいと考えています。最初の一文を修正して明確にしました。

[otn]

aaaa<aaaa(aaa)aaa>aaa(aaa)aaa
というように、入れ子になることは無いですか？ある場合は、どうしたいですか？
aaa<aaaa
aaa<aaaa)aaaa
のように閉じないこと、括弧が対応しないことは無いですか？

Answer 1

shiketa さんのパターンを流用します。

replace() の第二引数に関数を与える場合

var text = "aaaa<aa>(aa)aaaaa";
var result = text.replace(/[<(][^<(]+[>)]|(\w+)/g, ($0, $1)=>{
  //                       ================= -----
  //                       1) 括弧内 => $0    2) 括弧外 => $0, $1
  // console.log( $0, $1 );
  return $1 
    ? $1.replace( new RegExp("a","g"), "B")
    : $0;
});
console.log(result);

Comments

[umikaze21]

思い通りの置換ができました。
汎用性があって助かりました。
ご回答ありがとうございました。

[AkitoshiManabe]

短い正規表現の場合、汎用性はあまり無いと思ってください。
括弧が入れ子構造でない前提ですと、回答欄 1) 部分は、[<(][^>)]+[>)] でもいいのかなと思っています。

[umikaze21]

ご助言ありがとうございました。
正規表現は不慣れなので、回答やコメントいただいたものをベースに検討していきます。
全く見当がつかなかったのでよいとっかかりになりました。

Answer 2

こんな感じですかね、あくまでtextが指定の形のとき有効です。

var text = "aaaa<aa>(aaa)aaaaa";
var first = text.substring(0, text.indexOf("<"));
var end = text.substring(text.indexOf(")")+1, text.length);
var noChange = text.substring(text.indexOf("<"),text.indexOf(')')+1);
console.log(first);
console.log(noChange);
console.log(end);

後の置換はお好きなように

Comments

[umikaze21]

ご回答ありがとうございました。
しかし、AkitoshiManabeさんの方が使い勝手が良いので、そちらをベストアンサーとさせていただきました。

Answer 3

一旦バラして、くつける、かな。

大変申し訳ございません。文字列は空白が無い状態からの置換をお伺いするべきでしたが、...

var text = "aaaa <aa>(aaa)aaaaa";

var result =
    text
        .replace(new RegExp("([<( ])", "g"), "\n$1")
        .replace(new RegExp("([>) ])", "g"), "$1\n")
        .split("\n")
        .map(it => {
            if (it.match(/^[<(][^<(]+[>)]$/)) return it;
            else return it.replace(new RegExp("a", "g"), "B");
        })
        .join("")

console.log(text);
console.log(result);

// aaaa <aa>(aaa)aaaaa
// BBBB <aa>(aaa)BBBBB

~~ var text = "aaaa <aa> (aaa) aaaaa"; ~~
~~ ~~
~~ var result = ~~
~~ text.split(" ") ~~
~~ .map(it => { ~~
~~ if (it.match(/^[<(][^<(]+[>)]$/)) return it; ~~
~~ else return it.replace(new RegExp("a", "g"), "B"); ~~
~~ }) ~~
~~ .join(" ") ~~
~~ ~~
~~ console.log(text); ~~
~~ console.log(result); ~~
~~ ~~
~~ // aaaa <aa> (aaa) aaaaa ~~
~~ // BBBB <aa> (aaa) BBBBB ~~

Comments

[umikaze21]

大変申し訳ございません。文字列は空白が無い状態からの置換をお伺いするべきでしたが、見やすさ優先で空白を入れてしまっていました。しばらく待って他に回答をいただけなれば括弧の隣に空白を挿入して上記でご回答で提示していただいた方法で対応したいと思います。

お手数おおかけしてしまったことに、重ね重ねお詫び申し上げます。

[otn]

> 見やすさ優先で空白を入れてしまっていました。
これはひどい。

[umikaze21]

otnさん、以後、気を付けます。。。

shiketaさん　たびたびのご回答ありがとうございました。
十分に希望していた機能を実現できました。しかし、申し訳ありませんが、今回はより行数の少ないasuchi0819さんの回答をベストアンサーとさせていただきました。ご協力に感謝いたします。