Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScript：Object.values（）：完全ガイド

JavaScript Object.values（）メソッドは、オブジェクト内の値のリストを取得します。 values（）メソッドの結果を反復処理して、オブジェクト内の各値の内容を確認できます。

オブジェクトにはキーと値が含まれています。オブジェクト内の値のみを取得したい場合があります。リーダーボードにすべての人の名前を格納するオブジェクトがあるとします。名前に関連付けられたキー（つまり、位置）ではなく、オブジェクトから名前のみを取得したい場合があります。

そこで、Object.values（）メソッドが登場します。このメソッドを使用すると、オブジェクト内のすべての値を確認できます。このガイドでは、Object.values（）メソッドの使用方法について説明します。開始に役立つ詳細な例を参照します。

JavaScript Object.values（）

JavaScript Object.values（）メソッドはオブジェクトを受け取り、その列挙可能なプロパティを配列で返します。値は、オブジェクトを手動でループして配列にプッシュするかのように順序付けられます。

このメソッドの構文を見てみましょう：

let players = {
	a: "lucy",
	b: "harry"
}

console.log(Object.values(players))

Object.values（）メソッドは、1つの引数を受け入れます。値を表示するオブジェクトの名前です。この構文では、メソッドの結果をコンソールに出力します。

このコードは、JavaScriptオブジェクト内のプレーヤーの名前を返します： lucy とハリー 。これらの名前はリストで返され、JavaScriptコンソールに出力されます：

["lucy", "harry"]

値が辞書にあるのと同じ順序になっていることに注意してください。

参加者の81％は、ブートキャンプに参加した後、自分たちの技術的な仕事の見通しについてより自信を持っていると述べました。今日のブートキャンプにマッチしましょう。

平均的なブートキャンプの卒業生は、ブートキャンプの開始から最初の仕事を見つけるまで、キャリアの移行に6か月も費やしませんでした。

Object.values（）メソッドは、オブジェクトから値を取得する簡単な方法です。別の方法は、新しいリストを作成し、forループを使用してオブジェクトを反復処理し、各値を新しいリストに追加することです。この方法では、作成に時間がかかり、コードも多くなります。

この方法の実際の例を見てみましょう。

Object.values（）JavaScriptの例

カリフォルニアの都市であるサンノゼに関する情報を含むオブジェクトがあるとします。各データに関連付けられたラベルを取得せずに、この都市に関するすべての情報を取得したいと考えています。

このキーと値のペアを検討してください：

city: "San Jose",

ラベルcityではなく、都市名のみを取得する必要があります 。

これを可能にするプログラムを見てみましょう：

<!DOCTYPE html>
<html>
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width">
   <title></title>
  
 </head>
 <body>
   <div id="root"></div>
  <script async defer>
 
 
   const cityData =  {
     city: "San Jose",
     state: "California",
     area: 181.36,
     land: 178.24,
     water: 3.12,
     urban: 342.27,
     metro: 2694.61,
     elevation: 82,
     population: 1021795,
     timezone: "Los_Angeles/Pacific",
     website: "www.sanjoseca.gov"
   }
   let arr = Object.values(cityData);
 
   let root = document.getElementById('root');
   root.innerHTML = JSON.stringify(arr);
 
 
  </script>
 </body>
</html>

まず、タグ、タグ、およびタグにいくつかの基本的なメタ情報を含む標準のHTMLページを設定します。

JavaScriptコードを記述する

  1. JavaScriptのBlobオブジェクト

    blobオブジェクトは、不変のblobオブジェクトを表すために使用され、生データを表すために使用されます。 BLOBには、ファイルと同じようにサイズとmimeタイプのプロパティがあります。ファイルはblobの派生物であり、blobはファイルが使用される場所で使用できます。 以下は、JavaScriptでblobオブジェクトを表示するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name=

  2. JavaScriptを使用した配列内のネストされたオブジェクト値の合計

    以下は、JavaScriptを使用して配列内のネストされたオブジェクト値を合計するコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <st