JavaScript で Object.keys メソッドを使用してオブジェクトのプロパティを取得する方法

Object.keys は、オブジェクトのプロパティを取得するために使用できます。Object.keys は、要素が文字列である配列を返します。その要素は、指定されたオブジェクトから直接列挙できるプロパティから取得されます。連想配列で使用するとキーを取得できます。この記事では、Object.keys の具体的な使用方法を見ていきます。

Object.keys の使用方法

まず、オブジェクトを作成した後にプロパティを取得する方法を見てみましょう。

オブジェクトの作成方法

まず、最も基本的なオブジェクトの作成方法を見てみましょう。

つまり、オブジェクトの構造は「プロパティ」と「メソッド」に分かれます。

属性は、関数と同様に、「キーワード」と「値」のペアでさまざまな情報を保存できます。

次のように空のオブジェクトを作成できます。

var obj1 = { } 
var obj2 = new Object()

上記 2 つの方法は同じです。「obj1」のように記述する方が簡単なので、よく使われます。

たとえば、以下に示すように、人の「名前」と「年齢」情報を含むプロパティを含むオブジェクトを作成できます。

var obj = {
 
    name : '张 三',
    age : 30
 
}

オブジェクトのプロパティを取得するメソッド

オブジェクトの作成方法がわかったので、Object.keys を使用してプロパティを取得しましょう。

これを使用するには、[Object.keys(Object)] のようにオブジェクトをパラメーターとして指定するだけです。

列挙型プロパティ名の配列データを戻り値として取得できるのが特徴です。

そのため、まず以下のオブジェクトデータを用意します。

var obj = {
  name: '张 三',  
  age: 30,  
  area: '北京'
}

こちらで名前/年齢/地域の3属性をご確認ください。

次に、Object.keys()を使って次のように記述します。

var result = Object.keys(obj); 
console.log(result);

実行結果:

["name", "age", "area"]

keys()パラメータのオブジェクトを指定することで、すべてのプロパティを取得できます。

実行結果を見ると、属性名が配列データとして取得されていることがわかります。

このような配列データに変換すると、JavaScript 標準で提供されているさまざまな配列メソッドが利用できるため便利です。

配列で Object.keys を使用する方法

Object.keys を使用してプロパティを取得するには、パラメータで取得するオブジェクトを指定します。

次のプログラムを見てみましょう。

var obj = ["sa", "mu", "ra", "i"];
console.log(Object.keys(obj));

実行結果: 0,1,2,3

このようにして属性を取得します。

以上がJavaScript で Object.keys メソッドを使用してオブジェクトのプロパティを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。