Javascript Json Newline

Comment gérer les retours à la ligne dans JSON : un guide complet

Lorsque vous travaillez avec des données JSON en JavaScript, vous pouvez rencontrer plusieurs défis, notamment en ce qui concerne la gestion de caractères spéciaux tels que les nouvelles lignes. Un problème courant auquel les développeurs sont confrontés est de recevoir des erreurs en essayant de parser des chaînes JSON contenant des caractères de nouvelle ligne. Dans cet article, nous allons explorer le problème et fournir une solution bien structurée pour vous aider à naviguer efficacement dans ces problèmes.

Le Problème : Qu’est-ce qui ne va pas ?

Imaginez que vous avez créé une chaîne JSON qui inclut une pile de texte avec des retours à la ligne. Vous essayez de parser cette chaîne JSON en utilisant JavaScript, mais vous rencontrez des erreurs telles que :

  • “littéral de chaîne non terminé” dans la console
  • “Token inattendu ↵” dans Chrome
  • Messages similaires dans Firefox et Internet Explorer

Voici un extrait du code JavaScript problématique que vous pourriez utiliser :

var data = '{"count" : 1, "stack" : "sometext\n\n"}';
var dataObj = eval('(' + data + ')');

Comme vous pouvez le voir, les caractères de nouvelle ligne (\n) sont mal compris par le parseur JSON, ce qui entraîne ces erreurs. Le problème survient car les caractères de nouvelle ligne doivent être correctement échappés pour être traités comme faisant partie des données plutôt que comme des instructions de rupture de ligne.

La Solution : Échapper correctement les retours à la ligne dans JSON

Pour résoudre le problème des retours à la ligne dans votre chaîne JSON, vous devez échapper les barres obliques inverses dans votre chaîne JSON. Passons en revue les étapes :

Étape 1 : Comprendre l’échappement des caractères

Dans JSON, certains caractères doivent être échappés pour s’assurer qu’ils sont traités comme des littéraux. La barre oblique inverse (\) est un de ces caractères. Lorsqu’une barre oblique inverse précède un autre caractère, elle peut modifier le sens du caractère suivant.

  • Barre oblique inverse simple (\) : Utilisée pour échapper le caractère suivant.
  • Double barre oblique inverse (\\) : Représente une barre oblique inverse littérale.

Étape 2 : Modifier votre chaîne JSON

Vous devez modifier votre chaîne JSON originale pour échapper correctement les caractères de nouvelle ligne. Voici comment vous devriez l’écrire :

var data = '{"count" : 1, "stack" : "sometext\\n\\n"}';

Étape 3 : Parser correctement la chaîne JSON

Vous pouvez maintenant utiliser soit eval() (même si cela n’est pas recommandé en raison des risques de sécurité), soit JSON.parse() pour convertir votre chaîne JSON en un objet JavaScript sans erreurs.

var dataObj = JSON.parse(data);
console.log(dataObj);

Pourquoi cela fonctionne

En changeant \n en \\n, vous vous assurez que le parseur JSON le lit correctement comme faisant partie des données plutôt que de l’interpréter comme une instruction de nouvelle ligne. Cela empêche le parseur de rencontrer la nouvelle ligne là où il ne s’y attend pas, évitant ainsi les erreurs mentionnées ci-dessus.

Conclusion

Gérer les retours à la ligne dans JSON peut sembler un détail mineur, mais cela peut entraîner des erreurs frustrantes si cela est négligé. En veillant à échapper correctement les barres obliques inverses dans vos chaînes JSON, vous pouvez intégrer sans problème du texte avec des retours à la ligne dans vos applications JavaScript.

En suivant ce guide, vous devriez maintenant être en mesure de gérer les caractères de nouvelle ligne sans rencontrer de problèmes de parsing. N’oubliez pas qu’accorder de l’attention à la façon dont les caractères sont représentés dans vos données peut vous éviter bien des maux de tête à l’avenir !