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

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

Mary-Kate Olsen
Mary-Kate Olsenオリジナル
2024-12-21 16:59:10501ブラウズ

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 サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。