JavaScriptを8つの実用的なヒント

まず、ブール演算子を使用して変換!

時々、私たちは、変数がその存在を確認するか、それが真の値を返す場合、有効な値値があるかどうかをチェックするかどうかを確認する必要があります。この検証を行うために、我々は!演算子を使用することは非常に実装が容易かつシンプルにすることができます。0、NULL、「」、未定義またはNaN意志戻り偽、及びその逆は真を返す:変数は、変数の値限り、変数かを!!検出するために使用することができます。

第二に、デジタル+に文字列の使用

この手法は非常に便利です、それはあなたがデジタルに文字列データを支払うことができ、非常に簡単ですが、それは文字列データのみに適している、それ以外の場合がNaNを返します。

第三に、演算子を使用して||

この機能は、ES6にデフォルトのパラメータを持っています。ブラウザの古いバージョンではこの機能をシミュレートするには||演算子、および2番目のパラメータとしてデフォルト値を使用することができます。最初の引数、戻り値がfalseの場合は、第2の値がデフォルトと見なされます。

ループ・キャッシュArray.lengthとでは、第四

この技術は、非常に大きなアレイサイクル性能への影響を扱う場合が非常に大きくなることは、非常に簡単です。

第五に、検出対象の属性

あなたは未定義の関数やプロパティを実行しないよう、いくつかのプロパティの有無を検出する必要がある場合には、トリックが便利になります。あなたには、いくつかのいくつかのクロスブラウザの互換性のあるコードを設定しようとしている場合は、このトリックを使用することができます。たとえば、あなたがIDを選択するdocument.querySelector()を使用したい、それがIE6のブラウザと互換性がありますが、IE6ブラウザ、この機能は、この機能の有無となり検出するために、この演算子を使用し、存在しません。非常に便利な、

第六に、配列の最後の要素を取得

Array.prototype.sliceは開始と終了の間の配列要素を取得するために(端を開始します)。あなたが最後のパラメータを設定しない場合、デフォルトでは終了値として値の配列の長さになります。しかし、一部の学生は、この関数はまた、パラメータとして負の値を受け入れることができることを知っていないかもしれません。値が始まると、あなたが負の値を設定する場合は、配列の最後の要素を取得することができます。

七、カットの配列

配列内の要素の一部を除去するために使用される、それは非常に有用である場合、このトリックは、主に、配列のサイズをロックするために使用されます。たとえば、10個の要素の配列を持っているが、限り、あなたは好きな5つの要素の前に、あなたは、配列を切り捨てる= 5をArray.lengthとすることができます。

八、アレイへのNodeList

あなたはdocument.querySelectorAll(「P」)関数を実行すると、それはDOM要素の配列、すなわちのNodeListオブジェクトを返すことがあります。ただし、このオブジェクトは、)(例えば、ソートなどの機能配列を有していない(減らす)、マップ()、フィルタ()などが挙げられます。また、その上に使用することができますこれらのネイティブ配列関数を機能させるためには、あなたは配列にノードのリストを変換する必要があります。

おすすめ

転載: blog.51cto.com/14512197/2446846