小型フロントエンドの知識がしばしば遭遇----- JSの記事

JS

1.幅と可視領域の高さ

① 幅document.documentElement.clientWidth //見えるエリア

    document.documentElement.clientHeight //非常に目に見えるエリア

幅100 VW //可視領域

    100 VHの非常に目に見えるエリア//

     VW:ビューポートの幅の1%に等しい1vw

     VH:ビューポートの高さの1%に等しい1vh

2.正規表現

正規表現は、文字列の集合を記述し、文字列は、彼らが特定のサブストリング一致する文字列が含まれているかどうかを確認するために使用できる文字列は、文字列から特定の条件を満たして交換するか、または削除します。

アクセス:1.ルール-ファジーマッチ複数のキーワード2.限りコンプライアンス検証文字列の規則に従っている限り、

使用方法:1.直接のみ正の量だけます。var REG = / IG /定期; 2.新しいとします。var REG =新しい正規表現( "通常の"、 "IG")。

一般的に、通常のAPIで使用される文字列:

検索:

1.検索キーワードは、固定された位置に表示されます

VAR I = str.indexOf( "キーワード"、fromi)     

 VAR I = str.lastIndexOf( "キーワード"、fromi)

 2.それがルールキーワードに準拠しているかどうかを決定します。

  VAR I = str.search(/正则/中)

3.すべてのキーワードの内容を取得します。

  VAR I = str.match(/レギュラー/ IG)、そうでない場合、G:その画像コンテンツを得ることができる以外は、検索の同等に一致する:[0: "キーワード"、インデックス:I]

4.そのコンテンツは、キーワードごとに得られた、各キーワードの位置を得ることである:reg.exec(STR)

交換してください:

略語:すべての単語が均一な置換値に置き換えられます

STR = STR、(/定期/ IG、 '代替値を')置き換えます

高度:さまざまなキーワードによると、異なる値を代入

STR = str.replace(/定期/ IG、

機能(キロワット、$ 1、$ 2、...){

      戻り値が異なる選択肢に応じて決定されるキロワットを返します

削除:キーワードを交換してください「」

カッティング:VAR subStrs = str.split(/定期/);

3.isNaN()

 ますisNaN()関数は非数値パラメータかどうかをチェックするために使用されます。

 ますisNaN(233)。

 ますisNaNニッケル(Ni)

4.小数点以下2桁丸めたり

丸め:

1.及びNUM = 2.3362412322。

NUM = num.toFixed(2); //出力2.34

いいえ丸めません。

2.Math.floor(15.66842340 * 100)/ 100 //出力15.66

3.Number(15.66842340.toString()一致(/ ^ \ D +(:。?。?\ \ D {0,2})/))//出力15.66

4.古典的な解決策を共有:

 
図I

取整

parseInt(2.56789)// 2

Math.ceil(2.567)// 2

Math.ceil(2.56789)// 3

恐らくMath.round(2.5678)// 3

M ^ 0  

M | 0

M 0 >>>

 

接続:

VAR newArr = arr1.concat(ARR2); //スプライシングさARR2 ARR1後、新しい配列を返します

注意:CONCAT権限のみが新しい配列を返すために、元の配列を変更するには、変数とスプライシングの結果をキャッチする必要があります。

 連結は、パラメータの任意の型が配列、数値、文字列を指定できてもよいです

.concat場合(値1、値2、ARR2、....)、次いで.concatアレイ型パラメータは、単一の値に分解することができます。

傍受サブアレイ:

 VAR subArr = arr.slice(starti、endi + 1); //がエンド位置endiにstartiサブアレイ位置で撮影ARR。

 注:終了位置+1に、ヘッドの自由端を含みます

 負の引数をサポートする:n番目の位置の逆数を、実際には、実行または長さN

二番目のパラメータが省略された場合、最後までstartiから直接採取位置を示します。

連結スライス直接あなたが新しい変数受信を使用する必要があり、元の配列を変更されていません

配列を置き換える/挿入/削除

スプライス:削除、挿入、交換してください

削除:arr.spliceを(starti、n)は、

starti n個の要素で開始位置ARR削除

注:nは数であり、拘わらず、ヘッドの自由端を含みます

スプライスは、一時的な配列から成る削除要素を返すことができます。

 た削除= arr.splice(Startie、N)

インサート:arr.splice(starti、0、値1、値2、...)

挿入位置startiのARR値1、値2、...、及びstarti位置後の元の値では、後方シスシフトされます

注意:削除しない0の手段は、新しい値を挿入するだけ

ブレーク配列型のパラメータをサポートしていません、配列に渡された場合、それはサブアレイを形成します

あるいは:VAR削除= arr.splice(starti、nは、値1、値2、...)

  Startiは値1、値2 starti位置に挿入し、n個の開始位置を削除します。

  注意:削除し、新しい価値の数を挿入する要素の数は、必ずしも一致しません。

コンカとsplicet:

        連結:エクセレント:配列型のパラメータを破ります

                行方不明:のみステッチの最初や最後に

        スプライス:エクセレント:挿入位置を指定することができます

                 行方不明:配列パラメータを分割することはサポートされていません。

おすすめ

転載: www.cnblogs.com/IDPUBLIC/p/11203459.html