JavaScript の「in」演算子の目的を説明する

このチュートリアルでは、JavaScript の「in」演算子について説明します。 JavaScript では、算術演算子、代入演算子、等価演算子など、数学的演算を実行するために使用できる演算子が多数あります。 「in」演算子もその 1 つで、オブジェクトからプロパティを見つけるために使用できます。

始める前に、質問させてください。 JavaScript でコーディングするときに、オブジェクトのプロパティが存在するかどうかを確認する必要があったことがありますか?もしそうなら、どのように対処しましたか?答えは簡単です。オブジェクトにプロパティが含まれているかどうかに基づいてブール値を返す「in」演算子を使用できます。

「in」演算子を使用してオブジェクトのプロパティが存在するかどうかを確認します

「in」演算子は他の演算子と同様に機能します。 2 つのオペランドが必要です。オブジェクトのプロパティは左側のオペランドとして機能し、オブジェクト自体は右側のオペランドとして機能します。

次の構文に従って、「in」演算子を使用してオブジェクト プロパティが存在するかどうかを確認できます。

上記の構文では、オブジェクトにプロパティとその値がどのように含まれているかがわかります。値には、数値、文字列、ブール値などを使用できます。 ifExist 変数には、オブジェクト内にプロパティが存在するかどうかに基づいて、true または false のブール値が格納されます。

例 1

この例では、さまざまなプロパティと値を含むオブジェクトを作成します。さらに、オブジェクトにはメソッドが含まれています。その後、「in」演算子を使用して、属性がオブジェクトに存在するかどうかを確認します。

出力例では、「in」演算子が property1 と property4 に対して true を返すのに対し、property7 についてはオブジェクトに存在しないため false を返すことがわかります。

JavaScript では、すべてのオブジェクトにプロトタイプがあります。プロトタイプ チェーン オブジェクトには、実際にはオブジェクト内にいくつかのメソッドとプロパティが含まれています。ただし、これらのプロパティはまだオブジェクトに追加されていませんが、JavaScript によってデフォルトで追加されます。たとえば、配列および文字列のプロトタイプには「length」プロパティが含まれ、オブジェクトのプロトタイプには「toString」プロパティが含まれます。

例 2

次の例では、クラスを作成し、その中でオブジェクトのプロパティを初期化するコンストラクターを定義します。さらに、テーブル クラスに getSize() メソッドを定義しました。

その後、コンストラクターを使用してテーブルクラスのオブジェクトを作成します。 「in」演算子を使用して、プロパティがオブジェクト プロトタイプに存在するかどうかを確認します。 JavaScript では、すべてのオブジェクトのプロトタイプに toString() メソッドがあり、これが true を返す理由です。

in 演算子を使用して、インデックスが配列内に存在するかどうかを確認します

「in」演算子はオブジェクトに対してのみ使用できます。配列はオブジェクトのインスタンスでもあります。ユーザーは、instanceOf または typeOf 演算子を使用して配列の型をチェックでき、「Object」が返されます。したがって、配列内のキーは配列のインデックスであり、キーの値は配列の値です。

ここでは、「in」演算子を使用して、インデックスが配列内に存在するかどうかを確認できます。存在する場合、配列値にアクセスして、arrayOutOfBound 例外を回避できます。

ユーザーは、次の構文に従うことで、配列にインデックスが存在するかどうかを確認できます -

上記の構文で、演算子の前に書かれた 2 は、値ではなく配列のインデックスです。

例 3

次の例では、配列を作成し、typeOf 演算子を使用して配列の型をチェックし、「Object」を返します。

さらに、「in」演算子を使用して、配列のインデックスと長さのプロパティが配列プロトタイプに存在するかどうかを確認しました。

このチュートリアルでは、オブジェクトと配列で「in」演算子を使用する方法を説明します。オブジェクトでは、ユーザーはプロパティが存在するかどうかを確認でき、配列では、「in」演算子を使用してインデックスが存在するかどうかを確認できます。

以上がJavaScript の「in」演算子の目的を説明するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。