jQuery.camelCase()_javascript スキルから string.replace() 関数を学ぶ-jsチュートリアル-php.cn

jQuery.camelCase()_javascript スキルから string.replace() 関数を学ぶ

WBOY

リリース： 2016-05-16 18:02:18

オリジナル

1245 人が閲覧しました

関数
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"); 