ホームページ >ウェブフロントエンド >jsチュートリアル >JavaScript オブジェクトを読み取り可能な文字列に変換するには?

JavaScript オブジェクトを読み取り可能な文字列に変換するには?

DDD
DDDオリジナル
2024-12-28 19:20:11691ブラウズ

How to Convert a JavaScript Object to a Readable String?

JavaScript オブジェクトを文字列形式で表示する方法

JavaScript では、多くの場合、オブジェクトの内容を読み取り可能な形式で表示する必要があります。文字列形式。変数がアラートされたときに表示されるフォーマットされた出力と同様に、これを実現するために利用できる方法がいくつかあります。

解決策 1: JSON.stringify() を使用する

ネイティブJSON.stringify() メソッドは最も簡単なアプローチです。オブジェクトを、表示またはアラートできる JSON 文字列に変換します。

const obj = {
  name: "John Doe",
  age: 30
};

const str = JSON.stringify(obj);
console.log(str); // Output: {"name":"John Doe","age":30}

インデントを使用して出力を美しくするには、2 番目の引数として null 値を渡します。

const str = JSON.stringify(obj, null, 4); // Output:
{
    "name": "John Doe",
    "age": 30
}

解決策 2: カスタム JSON.stringify 置換器 (循環用)構造体)

オブジェクトに循環構造が含まれている場合、JSON.stringify() がエラーをスローする可能性があります。このような場合、カスタム置換関数を使用できます。

const obj = {
  name: "John Doe",
  age: 30,
  children: [
    obj // Circular reference
  ]
};

const replacer = (key, value) => {
  if (value === obj) {
    return "[Circular]";
  }
  return value;
};

const str = JSON.stringify(obj, replacer);
console.log(str); // Output: {"name":"John Doe","age":30,"children":["[Circular]"]}

カスタム置換関数により、エラーを回避するために循環構造が説明的な文字列に置き換えられます。

以上がJavaScript オブジェクトを読み取り可能な文字列に変換するには?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。