replace()、後方参照の書き方で質問です

Question

下らない質問として通報されてしまうかもしれませんが、どうにも気になるので、初めて質問させていただきます。

JSの中でアイコン用スプライト画像のCSSコードを生成しています。
background-positionのみを指定した個別クラスの数には300程度を想定していて、

.icon000{
	background-position:0px 0px;
}
/* 実際には圧縮された状態です */
```といった``0px``の部分を、生成後さらに圧縮するため、一括で``0``に置換するのに
```JavaScript
/* A案 */	cssCode = cssCode.replace(/( |:)(0px)/g,'$010');
/* B案 */	cssCode = cssCode.replace(/( 0|:0)(px)/g,'$1');
// どちらも主要ブラウザで動作することは確認しています

という二つの書き方をしてみましたが、どちらがイケてる書き方でしょうか。
あるいはもっとスマートな書き方はありますか。

Answer 1

あくまで一例ですが、私が書くなら

cssCode = cssCode.replace(/([ :]0)px/g, '$1');

こうでしょうか。1文字であれば文字クラスが使えます。
もしくは条件次第では以下の方法でも良さそうです。

cssCode = cssCode.replace(/\b0px/g, '0');

\b は単語境界です。例えば :0px にはマッチしますが :10px にはマッチしません。
この方法だと後方参照が必要なくなります。

Comments

[NS-DOS]

分かり易い回答ありがとうございます。
\bは知りませんでした。
もっと勉強したいと思います。