ホームページ > ウェブフロントエンド > jsチュートリアル > JavaScript オブジェクトを反復処理してキーと値にアクセスするにはどうすればよいですか?

JavaScript オブジェクトを反復処理してキーと値にアクセスするにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-21 16:59:10
オリジナル
501 人が閲覧しました

How Do I Iterate Through JavaScript Objects to Access Keys and Values?

JavaScript オブジェクトのループ: キーと値の反復

JavaScript オブジェクトから要素を取得するには、キーと対応する値にアクセスするための構造化されたアプローチが必要です。オブジェクトの例を考えてみましょう:

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};
ログイン後にコピー

すべての要素をループするには、for-in ループを利用します:

for (var key in p) {
    // Access the value using the current key
    var value = p[key];
}
ログイン後にコピー

ただし、for-in を使用すると、プロトタイプから継承されたプロパティをループする可能性があります。 。直接のプロパティのみが考慮されるようにするには、追加のチェックを含めます:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        // Access the value using the current key
        var value = p[key];
    }
}
ログイン後にコピー

このアプローチでは、オブジェクト固有のキーのみが反復処理され、キーと値のペアが効果的に抽出されることが保証されます:

"p1" -> "value1"
"p2" -> "value2"
"p3" -> "value3"
ログイン後にコピー

以上がJavaScript オブジェクトを反復処理してキーと値にアクセスするにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート