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

JavaScript オブジェクトからキーと値を反復して取得するにはどうすればよいですか?

Barbara Streisand
リリース: 2024-12-24 16:20:14
オリジナル
281 人が閲覧しました

How Can I Iterate and Retrieve Keys and Values from a JavaScript Object?

JavaScript オブジェクトからのキーと値の反復と取得

JavaScript オブジェクトを扱う場合、その要素をループしてキーと値にアクセスして処理することが不可欠です。このタスクを簡単に実行する方法は次のとおりです。

for-in ループの使用

最も一般的な方法は、次に示すように、for-in ループを使用することです。

var p = {
    "p1": "value1",
    "p2": "value2",
    "p3": "value3"
};

for (var key in p) {
    // Ensure the key is a direct property of the object using hasOwnProperty
    if (p.hasOwnProperty(key)) {
        console.log(key + " -> " + p[key]);
    }
}
ログイン後にコピー

真の財産所有権の確保

アクセスしているキーがその所有者に属していることを確認することが重要ですオブジェクトを直接。 JavaScript ではプロトタイプからの継承が許可されているため、オブジェクト自体が所有しないプロパティが発生する可能性があります。真の所有権を確認するには、hasOwnProperty メソッドを使用します:

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        // Key is an actual property of the object
    }
}
ログイン後にコピー

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

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