JavaScript でオブジェクトのキーの数を数える方法

Javascript Deobujekutonokino Shuwo Shueru Fang Fa



オブジェクトは、JavaScript の非プリミティブ データ型です。キーと値のペアの形式で複数のデータ セットを保存するのに役立ちます。キーは、オブジェクトに接続された変数として指定されたオブジェクトのプロパティです。オブジェクトのキーまたはプロパティの数をカウントすることは、JavaScript で発生する一般的な問題です。

このブログ投稿では、JavaScript でオブジェクト内のキーの数をカウントする手順を定義します。

JavaScript でオブジェクトのキーの数を数えるには?

オブジェクト内のキーの数をカウントするには、次のメソッドを使用します。







  • 長さプロパティを持つ Object.keys()
  • の組み合わせ 為に ” でループ 」キーワード

これらのアプローチを 1 つずつ見ていきましょう。



方法 1: Object.keys() メソッドを使用してオブジェクト内のキーの数をカウントする

Object.keys() 」メソッドは、オブジェクトに既に存在する列挙されたプロパティに対応する要素として文字列を含む配列を出力として提供します。プロパティのリストは、オブジェクトのアトリビュートを手動でループしたときと同じ順序で表示されます。オブジェクト内のキーの数を数えるには、「 オブジェクト.キー() 」メソッドは「 長さ ' 財産。



構文
オブジェクト内のキーの数をカウントするには、以下の構文を使用します。





物体 . キー ( 物体 ) . 長さ
  • キー() 」は、「 物体 」タイプと「 物体 」は、キー/プロパティがカウントされる引数です。
  • オブジェクト内のキーの数を返します。


まず、「」という名前のオブジェクトを作成します 情報 ” 4 つのプロパティを持つ” ファーストネーム 」、「 苗字 」、「 ' と ' コンタクト 」をキーと値のペアで:

定数 情報 = {
ファーストネーム : 「スティーブン」
苗字 : 「カイン」
: 28
コンタクト : 090394809
} ;

「に電話する」 Object.keys() ” を使用したメソッド 長さ 「オブジェクトを渡すプロパティ」 情報 」をオブジェクト内のキーをカウントする引数として:



コンソール。 ログ ( 物体 . キー ( 情報 ) . 長さ ) ;

出力には「 4 「これはオブジェクト内のキーの数です」 情報 」:

カウントではなく、オブジェクト内のキーの名前のみが必要な場合は、単に「 Object.keys() オブジェクトを引数として渡すことによるメソッド:

コンソール。 ログ ( 物体 . キー ( 情報 ) ) ;

出力には、オブジェクト内のキーの名前が配列で表示されます。

方法 2: 「in」キーワードを使用した「for」ループを使用して、オブジェクト内のキーの数をカウントする

オブジェクトのキーも「 為に ” でループ 」キーワード。 「 為に 」 ループは、オブジェクトのプロパティと「 ” キーワードは、そこからプロパティを取得します。 「」を使用してオブジェクト内のキーの数を数えるには for_in 」ループ、以下の例で使用される以下の構文に従います。

構文

為に ( だった 物体 ) {
.........
}

例 1: オブジェクト内のキーの数を数える
オブジェクト内のキーの数を数えるには、同じオブジェクト「 情報 」 上記の例で作成されました。次に、変数を作成します “ カウント 」と値を割り当てます 0 それに:

だった カウント = 0 ;

オブジェクトを渡します 情報 」を for_in ループに:

為に ( だった 情報 ) {
カウント ++;
}

最後に、「」を使用してオブジェクト内のキーの数を出力します。 console.log() ' 方法:

コンソール。 ログ ( カウント ) ;

出力

例 2: 継承されたオブジェクトのキー数をカウントする
為に 」 ループは、継承されたプロパティもカウントします。ここでは、オブジェクトを作成します」 従業員 ” 2 つのプロパティを持つ” 性別 '、 と ' 入社日 ” オブジェクトから継承します “ 情報 」:

定数 従業員 = {
性別 : '男'
入社日 : 「2020年1月」
} ;

オブジェクトを継承する」 従業員 ' と ' 情報 ” オブジェクトのプロパティを使用する ” __したがって__ 」:

情報。 __したがって__ = 従業員

オブジェクトを渡します 情報 」に「 for_in 」 ループし、反復ごとにカウントをインクリメントします。また、オブジェクトのプロパティもカウントします。 従業員 ”オブジェクトから継承しているため” 情報 」:

為に ( だった 情報 ) {
カウント ++;
}

出力 ' 6 」は、このアプローチが両方のオブジェクトのキーをカウントすることを示します。 情報 ” とその継承オブジェクト “ 従業員 」:

例 3: 子オブジェクトのキー数をカウントする
単に子オブジェクトのキーを取得したい場合は “ 従業員 '、 使用 ' hasOwnProperty() ループ内のメソッド:

為に ( だった 従業員 ) {
もしも ( 従業員。 hasOwnProperty ( ) ) {
カウント ++;
}
}

出力

結論

JavaScript でオブジェクト内のキーの数をカウントするには、「 長さ 「JavaScriptのプロパティ」 物体 「タイプメソッド」 キー() ' なので ' Object.keys() 」または「の組み合わせ 為に ” でループ 」キーワード。 「 for_in 」アプローチは、継承されたプロパティもカウントしますが、「 Object.keys() 」 メソッドは、リンクされたプロパティをカウントしません。オブジェクト自体のプロパティをカウントするだけです。このブログ投稿では、JavaScript でオブジェクト内のキーの数をカウントする手順を定義しました。