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

JavaScript Object.keys():ガイド

JavaScript Object.keys()メソッドは、オブジェクト内のキーを取得し、それらのキーを含むリストを返します。最終的なリストのキーの順序は、元のオブジェクトに表示される順序です。


JavaScript(JS)オブジェクトは、キーと値の2つの主要部分で構成されています。

オブジェクトを操作するときは、オブジェクトに関連付けられているキーのリストを取得することをお勧めします。ここでJavaScriptのObject.keys() メソッドが入ります。このメソッドを使用すると、オブジェクト内のすべてのプロパティ名のリストを生成できます。

このチュートリアルでは、例を使用して、 Object.keys()の使用方法について説明します。 オブジェクトに格納されているキーのリストを返すメソッド。 JavaScriptオブジェクトの構造についても簡単に説明します。

JavaScriptオブジェクト:復習

オブジェクト(大文字の「O」)は、JavaScriptのマッピングデータ型です。キーを値にマップします。オブジェクトによって格納される値には、文字列、数値、ブール値、およびその他のデータ型を含めることができます。 JavaScriptのオブジェクトの例を次に示します。

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

コロン(:)の左側にある単語は、キーです。 私たちの辞書で。コロンの右側の単語はです 。 JavaScriptオブジェクトはPython辞書と同等であると考えることができますが、JavaScriptではそうです。

JavaScript Object.keys()

JavaScript Object.keys()メソッドは、JavaScriptオブジェクトまたはJSONオブジェクト内のキーを返します。これらのキーは、オブジェクトに表示される順序で保存されます。

Object.keys()の構文 方法は次のとおりです:

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

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

Object.keys(object_name)

Object.keys() メソッドは1つのパラメーターを受け入れます。それは、キーを取得するオブジェクトの名前です。このメソッドは、JavaScriptリストとして保存された、指定したオブジェクト内のすべてのキーの名前を返します。

メソッド自体がObject.keys()と呼ばれていることに注意してください。これは、keys()がObjectのメソッドであるためです。 Keyを取得するオブジェクトをObject.keys()のパラメータとして指定する必要があります。オブジェクトはkeys()メソッドにアクセスできないため、keys()をオブジェクトに追加することはできません。

Object.keys()JavaScriptの例

この方法がどのように機能するかを説明するために、例を見ていきましょう。

以前、地元のスーパーストアで利用できる仕事に関する情報をまとめた「job_description」という辞書を作成しました。オブジェクトには、JavaScriptブール値、文字列、および整数が含まれています。ここで、その辞書のキーのリストを取得するとします。

このリストは、次のコードを使用して作成できます。

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

console.log(job_keys);

コードは次のようになります:

["position", "floor_worker", "hours_per_week"]

まず、「job_description」という定数を宣言しました。この定数は、ローカルのスーパーストアで利用可能なジョブに関する情報を含むオブジェクトを格納します。

次に、 Object.keys()を使用しました 辞書に関連付けられているキーのリストを取得し、そのリストを変数「job_keys」に割り当てました。次に、「job_keys」リストの内容をJavaScriptコンソールに出力しました。

ご覧のとおり、コードは3つの値を含むリストを返しました。各値は、オブジェクト内の一意のキー名を表します。

JS Object.keys():別の例

この方法の別の例について説明しましょう。

オブジェクト内のキーのリストを出力し、その前に「キー名:」を付けたいとします。このコードを使用してこれを行うことができます:

const job_description = {
	position: "Sales Assistant",
	floor_worker: true,
	hours_per_week: 38
};

var job_keys = Object.keys(job_description);

for (var key of job_keys) {
	console.log("Key Name: " + key);
}

コードは次のようになります:

Key Name: position
Key Name: floor_worker
Key Name: hours_per_week

最初に、コンソールにキーを出力する「job_description」オブジェクトを定義しました。次に、JS Object.keys()を使用しました オブジェクト内のキーのリストを取得するメソッド。

次に、「for…of」ループを使用して、「job_description」オブジェクトのすべてのキーをループしました。

キーごとに、「キー名:」に続いてキーの名前をコンソールに出力しました。 「for…of」ループがどのように機能するかについて詳しく知りたい場合は、JavaScriptforループの初心者向けガイドをお読みください。



結論

Object.keys() メソッドは、JavaScriptオブジェクトに格納されているキーのリストを取得します。結果のキーはリストに保存されます。オブジェクトの最後にkeys()を追加して、そのキーを取得することはできません。 Object.keys()構文を使用する必要があります。

このチュートリアルでは、JavaScriptオブジェクトの基本と、 Object.keys()の使用方法について説明しました。 方法。これで、 Object.keys()を使用する準備が整いました。 プロのJavaScript開発者のようにオブジェクト内のキーのリストを取得するには!

JavaScriptでのコーディングの詳細については、JavaScriptの学習方法ガイドをご覧ください。


  1. JavaScriptのRegExpオブジェクト。

    RegExpオブジェクトは、テキストの一部を検索および抽出することにより、一部のテキストのパターンマッチングに使用されます。 RegExpオブジェクトは、regexpコンストラクターまたはリテラル構文のいずれかを使用して作成できます。 以下は、JavaScriptのRegExpオブジェクトのコードです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport"

  2. JavaScriptのオブジェクト初期化子

    オブジェクト初期化子は、新しく作成されたオブジェクトを初期化できるようにする式です。これは、プロパティ名の0個以上のペアと、中括弧{}で囲まれたオブジェクトの関連する値のコンマ区切りのリストです。 以下は、JavaScriptのオブジェクト初期化子のコードです。 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=d