関数
camelCase 関数の機能は、background-color 形式をキャメル ケース表記の backgroundColor に変換することです。
この関数はjQueryのdata関数やcssに関わる多くの関数で使われています。
jQuery の実装
//通常一致
rdashAlpha = /-([a-z])/ig,
// 文字列をキャメルケースに置き換えるときのコールバック関数
fcamelCase = function( all, Letter ) {
return Letter.toUpperCase( ) ;
},
...
camelCase: function( string ) {
return string.replace( rdashAlpha, fcamelCase );
this 関数自体は難しいものではなく、String オブジェクトの replace メソッドを呼び出すだけです。しかし、学習の精神で、私は依然として置き換え方法を研究しました。
データリファレンス: https://developer.mozilla.org/en/JavaScript/Reference/Global_Objects/String/replace
String.replace() 構文
str.replace(regexp|substr, newSubStr|function[, 非標準フラグ]);
String.replace() パラメータの説明
regexp: 正規表現を検索するための 1 つ
substr: 文字列を検索するための 1 つ
newSubStr:置換用の新しい文字列
関数: コールバック関数。関数の戻り値は、元の一致する文字列を置換するために使用されます。
フラグ: 非標準。RegExp の i、g、m に似ています (大文字と小文字は無視します)。グローバルに検索、複数の行に一致)
置換オブジェクトとして文字列を指定します
置換に使用される文字列には次のパターンを使用できます。
$$ => を挿入します。 $& => 一致する部分文字列を挿入
$` => 一致する部分文字列の前にすべての文字を挿入
$' => 一致する部分文字列の後にすべての文字を挿入
$n / $nn => このモードはのみ有効ですreplace() メソッドの最初のパラメータが RegExp で、正規表現に括弧が含まれている場合。
関数を置換オブジェクトとして指定します
一般的な置換関数: function(str,p1,p2,offset,s){}
パラメータの説明:
str: 一致する文字列 ($& と同様)
p1,p2,...: このモードは、replace() メソッドの最初のパラメータが RegExp で、正規表現に括弧が含まれている場合にのみ有効です。 ($n / $nn と同様)
offset: 一致する部分文字列のオフセット
s: 検索に使用される文字列
CSS プロパティのキャメルケース表現を取得します
String.prototype.camelCase=function( ){
//all は一致する部分文字列で、[a-z] には括弧があるため、letter は p1 です。
return this.replace(/-([a-z])/ig,function( all, Letter,offset, s ) {
return Letter.toUpperCase();
});
var
}; ;n }';
var newsstr = cssText.camelCase();
一致する文字列の位置を交換します
var re = /(w )s(w )/;
var str = "ジョン・スミス";
var newsstr = str.replace(re, "$2, $1");