JavaScriptでRegExを使用してCSS文字列を解析する

Question

最後の1時間は単純な正規表現とグーグルをまとめようとしていましたが、私にとってはうまくいくものを見つけることができません。私は簡単な入力文字列、例えば ".cSSRule {value： 'foo';}"を使って、次のような配列に分割したいと考えています： "[cssRule：value]"実際のルールは値です。私はフル・オン・パーサを探しているわけではありません（それが存在することは分かっていますが）。誰かが親切に私を正しい方向に向けるでしょうか？

var str = ".cssRule { value: 'foo'; }"; 
someArray.push( 
    ((str.replace(/\.|}|;/g,'')) 
     .split(/{/) 
     .join(':"') 
     .replace(/\s/g,'') 
     .replace(/.$/,'"') 
    ); 
    /* =>"[cssRule:"value:'foo'"] */ 

のようなものが働くだろう。この場合おかげで、

のBlu

Answer 1

これはそれを行う必要があります。

var str = ".cssRule { value: 'foo'; }"; 
var someObject = new Object; 
var matches = str.match(/^\.(.*?){(.*?)}/); 
someObject[matches[1].replace(/ /g,'')] = matches[2].replace(/ /g,''); 

「マッチ」は三つの要素を含む配列になる：最初の（インデックス0）は、に対して一致したものの完全な文字列です。 2番目の（インデックス1）は、ピリオドと中かっこの間のすべてに一致し、3番目の（インデックス2）は中カッコ間のすべてに一致します。

Answer 2

。私はそれが非常に一般的だとは思わない。

Answer 3

入力文字列はどこから来ていますか？安全なソース（ユーザーからのものではない）の場合は、正規表現を使用して.cSSrule部分とeval()部分を削除します。完全な結合配列が解析され、作成されます。

編集：あなたの質問への答え

input 
    .replace(/^(.*)(?={)/, '') 
    .replace(/;(?!(\s)*?})/g, ',') 
    .replace(';', ''); 
myCss = eval(input);