Javascriptオブジェクトから文字列

| | | | | | | | | | | | | | | | | | |

[object Object]は、オブジェクトの文字列表現です。たとえば、alert()を使用してオブジェクトを画面に印刷すると、このテキストが表示されます。ループ内でconsole.log()、JSON.stringify()、または...を使用してオブジェクトのコンテンツを表示できます。

JavaScriptの使用法を開発している間、私たちの多くは出力が見つかりました: [object Object]。彼に会ったとき、私はその時のメンターのところに行き、「それもどういう意味ですか?」と尋ねました。 "。混乱しました。

この記事は、このリリースとその意味について説明することを目的としています。[オブジェクトオブジェクト]を次のように変換する方法について説明します。人間が読めるコンテンツ。

JavaScript [オブジェクトオブジェクト]とは何ですか?

> [オブジェクトオブジェクト]は、オブジェクトインスタンスの文字列バージョンです。この値は、によって返されます。最初にオブジェクトの形式を文字列として入力せずにオブジェクトを印刷しようとする場合のJavaScriptプログラム

これは、オブジェクト[objectObject]の構文です。

開発者がこれについて混乱するのも不思議ではありません。エラーメッセージがないか、警告ガードが何が起こっているかを教えてくれます。アクションでこのオブジェクトの例を見てみましょう

[オブジェクトオブジェクト]JavaScriptの例

この例を見てください:。

アラート宣言()が実行されると、コードは [object Object]を返します。私たちのプログラムは、alert()メソッドに渡されたものの文字列表現を返そうとします。しかし、私たちのコードはそれをオブジェクトと見なしているので、代わりにオブジェクトのインスタンスであることがわかります

[オブジェクトオブジェクト]メッセージはあまり説明的ではありません。しかし、それは私たちがオブジェクトの値を見ることができないという意味ではありません。オブジェクト内の値を読み取る方法について説明しましょう。

オブジェクトの内部?

[オブジェクトオブジェクト]がオブジェクトのインスタンスであることを知ることは素晴らしいことですが、オブジェクトの内部にあることを知りたいのです。これを行うには、次の3つの方法があります。

  1. console.log(
  2. を使用してコンソールにログインします。 stringify with JSON.stringify(
  3. ... in ループを使用して、各プロパティを確認します >

コンソールに登録する

おそらく、オブジェクトの内部を確認する最良の方法は、コンソールにオブジェクトを登録することです。 console.log()ステートメントを使用すると、JavaScriptオブジェクト内のすべての値を表示できます

次のコードを検討してください。

オブジェクトに値が表示されます。

JSON.stringify()を使用します

メソッドJSON.stringify()は、JavaScriptオブジェクトを文字列に変換します。次に、このチェーンを操作できます。

次に、JSON.stringify()を使用してオブジェクトを文字列に変換できます。したがって、alert()を使用して、文字列値をユーザーに表示できます。

最後の例のように、objAというオブジェクトを定義しました。次に、JSON.stringify()メソッドを使用して、オブジェクトを文字列に変換します。次に、アラートを使用して文字列値をコンソールに表示します。

このコードは、次の内容のプロンプトウィンドウを開きます。

for...ループを使用

JavaScript ... in loop を使用すると、オブジェクトのコンテンツをスクロールできます。このループを使用して、各キーと値のペアを出力できます

次のコードを検討してください:

最後の2つの例で行ったように、objAというJSONオブジェクトを宣言しました。次に、for ... in loopを使用して、そのオブジェクトのコンテンツを反復処理します。 「key」の値は各キーを表します。

値「key」を使用してキーにアクセスし、objA[key]を使用してそのキーに関連付けられた値にアクセスします。コードは次を返します。

文字列連結を使用して、各キーと値の間にコロン(:)を追加します。これにより、キーと値を分離して、コードの出力で読みやすくすることができます。

結論

JavaScriptコード[オブジェクトオブジェクト]はオブジェクトの文字列表現です。オブジェクトの内容を表示するには、console.log()を使用してオブジェクトをコンソールに出力するか、オブジェクトを次のように変換する必要があります。文字列。または、for ... inループを使用して、オブジェクトを繰り返し処理し、その内容を確認できます。

JavaScriptの詳細については、 JavaScriptを学習するための完全なガイドで、最高の学習リソースとラインコース。