Maison > interface Web > js tutoriel > Comment convertir un objet JavaScript en chaîne lisible ?

Comment convertir un objet JavaScript en chaîne lisible ?

DDD
Libérer: 2024-12-28 19:20:11
original
681 Les gens l'ont consulté

How to Convert a JavaScript Object to a Readable String?

Comment afficher un objet JavaScript au format chaîne

En JavaScript, il est souvent nécessaire d'afficher le contenu d'un objet de manière lisible format de chaîne. Semblable à la sortie formatée affichée lorsqu'une variable est alertée, plusieurs méthodes sont disponibles pour y parvenir.

SOLUTION 1 : Utiliser JSON.stringify()

Le natif La méthode JSON.stringify() est l’approche la plus simple. Il convertit l'objet en une chaîne JSON qui peut être affichée ou alertée.

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

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

Pour embellir la sortie avec une indentation, transmettez une valeur nulle comme deuxième argument.

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

SOLUTION 2 : Remplacement JSON.stringify personnalisé (pour les structures circulaires)

Si un objet contient des éléments circulaires structures, JSON.stringify() peut générer une erreur. Dans de tels cas, une fonction de remplacement personnalisée peut être utilisée.

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]"]}
Copier après la connexion

Le remplacement personnalisé garantit que la structure circulaire est remplacée par une chaîne descriptive pour éviter l'erreur.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal