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

JavaScript オブジェクトからキーのリストを取得するにはどうすればよいですか?

Mary-Kate Olsen
リリース: 2024-12-19 20:07:17
オリジナル
553 人が閲覧しました

How Do I Retrieve a List of Keys from a JavaScript Object?

JavaScript オブジェクトのキー リストの取得

JavaScript オブジェクトを操作する場合、多くの場合、そのキーのリストを取得することが必要になります。この知識は、特定のプロパティへのアクセスやループ反復の実行など、さまざまな操作にとって非常に貴重であることがわかります。この記事では、JavaScript オブジェクトからキー リストを取得するメソッドについて詳しく説明します。

次の JavaScript オブジェクトについて考えてみましょう。

var obj = {
   key1: 'value1',
   key2: 'value2',
   key3: 'value3',
   key4: 'value4'
}
ログイン後にコピー

1. Object.keys() メソッドの使用

Object.keys() メソッドは、オブジェクト独自の列挙可能なプロパティ名の配列を取得するための簡単で広くサポートされているメソッドです。

var keys = Object.keys(obj);
console.log('obj contains ' + keys.length + ' keys: '+  keys);
ログイン後にコピー

このコードは出力をログに記録します:

obj contains 4 keys: key1,key2,key3,key4
ログイン後にコピー

2. for...in ループの使用

または、for...in ループを使用してオブジェクトのプロパティを反復処理し、キーの配列を手動で作成することもできます。

var keys = [];
for (var key in obj) {
  keys.push(key);
}
console.log('obj contains ' + keys.length + ' keys: '+  keys);
ログイン後にコピー

このコードは、Object.keys() メソッドと同じ出力を生成します。ループは列挙可能なプロパティと列挙不可能なプロパティの両方を反復処理するため、キー リストにはプロトタイプの継承を通じて追加されたプロパティが含まれる可能性があることに注意してください。

これらのメソッドを理解することで、JavaScript オブジェクトからキー リストを簡単に取得できるようになり、強力な機能が得られます。オブジェクト関連のさまざまな操作を効率的に実行します。

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

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