logo

Javascriptでオブジェクトを配列に変換する

Javascript は、幅広く多様な性質を持つプログラミング言語であり、オブジェクトを配列に変換するための豊富な機能で構成されています。これらのメソッドは言語自体で事前定義されています。 JavaScript でオブジェクトを配列に変換するさまざまな方法を見てみましょう。

変換するには 物体配列JavaScript 、さまざまな種類の方法を使用できます。いくつかの方法は、 Object.keys()、Object.values()、 そして Object.entries()。

上記の方法を理解するために、以下の例を検討してください。

方法 1: Object.keys()

Javaのハッシュセットとは何ですか
 const animal = { first: 'The', last: 'Lion' }; const propertyNames=Object.keys(animal); console.log(propertyNames); 

出力:

 The Lion 

上記のコード例では、Object.keys() メソッドを使用して、動物オブジェクトのプロパティ名を配列に変換しています。変数を定義しました 動物、 これには動物オブジェクトの最初と最後のイニシャルが含まれており、後で Object.keys() メソッドを使用してそれらを配列に変換しました。

メソッド 2: Object.values()

 const animal = { first: 'The', last: 'Lion' }; const propertyValues=Object.values(animal); console.log(propertyValues); 

出力:

 ['The', 'Lion'] 

このメソッドでは、Object.values() メソッドを使用して動物オブジェクトのプロパティを取得しました。 Object.values() メソッドは、定義されたオブジェクトの動物を配列に変換し、出力は上記のようにコンソールに出力されます。

Java ファイルを開く

メソッド 3: Object.entries()

 const animal = { first: 'The', last: 'Lion' }; const entries=Object.entries(animal); console.log(entries); 

出力:

 [['first', 'The '] , ['last', 'Lion'] ] 

このメソッドでは、出力に示されているように、オブジェクトが配列に変換されます。 Object.entries() メソッドは、オブジェクトの列挙可能な文字列ベースのプロパティを配列に変換します。出力がこのような方法で出力されるのは、Object.entries() メソッドがオブジェクトのあらゆる側面をより適切な方法で正しく定義するためで、デバッグ中に定義されたオブジェクトのどの文字列にどのプロパティが割り当てられているかをメモできるためです。

ロボットのコンポーネント

これらは、オブジェクトを配列に変換する最も一般的な方法の一部です。上記の方法は、単一のコード スニペットにまとめて定義することもでき、オブジェクトのプロパティを使用してメソッドをまとめて適用することもできます。それらはすべてそれぞれの配列に変換されます。オブジェクトを 1 つのスニペットにまとめて定義する使用法を示す以下の例を検討してください。

 const Snakes = { 'Cobra':{ Venom: 96%, Attack: 99% }, 'Viper':{ Venom: 98%, Attack: 96% }, 'InlandTaipan':{ Venom: 100%, Attack: 100% } } 

上記のスニペットでは、定数変数 Snakes をまとめて定義しており、そのプロパティは次のように定義されています。 そして 攻撃 。さまざまなヘビのすべてのプロパティにさまざまな値を割り当てました。これで、上で説明したすべてのメソッドをキー、エントリ、または値とともに使用できるようになります。

JavaScript オブジェクトの配列への変換についてさらに理解するために、さらにいくつかの異なるコーディング例を見てみましょう。以下のスニペットを考えてみましょう。

例 1:

 var object = {'0':5,'1':7,'2':4,'3':6,'4':7,'5':8,'6':12,'7':11,'8':2} var covert = Object.keys(object).map(function(key) { return [Number(key), object[key]]; }); console.log(convert); 

ここでは、オブジェクト変数に定義されたキーの順序に従って値が表示されます。さまざまなキー値に異なる番号を割り当てており、変数 Convert はこれらのキーを Object.keys() メソッドでマップし、後で定義されたオブジェクト変数の配列の形式でコンソールに表示されます。

例 2:

 var superHeroes = {'Captain America':1,'Thor':8,'Iron Man':null}; //convert object keys to array var k = Object.keys(superHeroes); //convert object values to array var v = Object.values(superHeroes); 

ここでは、という名前の変数を定義しました スーパーヒーロー 上に示したようにオブジェクト値を使用します。 Javascript でオブジェクトを配列に変換する 3 つの方法をすでに学習したので、ここでは同じ概念を適用してそれらを配列に変換します。

if else if else Java

例 3:

 const sampleArray = [ ['one', 1], ['two', 2], ]; Object.fromEntries(sampleArray); 

出力:

 { one: 1, two: 2 } 

上の例では、それぞれのプロパティを含む配列を取得し、その値を使用して定義しました。ここで、Object.entries() メソッドは、出力に示されているように、オブジェクトのこれらのプロパティを配列にカバーします。

まとめ

この記事では、不定または明確なプロパティを持つオブジェクトをさまざまな型の配列に変換するために使用できる Javascript のさまざまなメソッドを紹介しました。また、いくつか例を挙げると、キー、オブジェクト、エントリなどの一般的なメソッドも見つかりました。これらのメソッドは、ほとんどの場合、関連付けられた方法、つまり並べ替えられた方法で出力を取得する必要があるため、その使用法を考慮すると非常に便利です。また、これらのオブジェクトを配列に変換して抽象化メソッドを実行し、必要なデータのみが表示され、その他のデータは表示されないように定義することもできます。