Un comparateur JSON rapide et privé
Lorsqu'on travaille avec des structures de données complexes, repérer une simple valeur modifiée ou une clé manquante peut s'avérer très frustrant. Cet outil de comparaison JSON est conçu pour analyser et mettre en évidence instantanément les différences exactes entre deux objets JSON. Au lieu de parcourir des milliers de lignes de code, vous obtenez un rapport clair et structuré indiquant exactement ce qui a changé.
Comme cet outil s'exécute entièrement dans votre navigateur, c'est un moyen totalement privé de faire un diff JSON en ligne. Vos données ne sont jamais envoyées sur un serveur ni stockées dans une base de données. Vous pouvez y coller en toute sécurité des réponses d'API propriétaires, des données clients ou des configurations d'environnement sensibles sans risquer la moindre fuite de données.
Comment fonctionne la comparaison JSON en profondeur
Si vous voulez comparer deux fichiers JSON, utiliser un comparateur de texte classique donne souvent de faux positifs. Les outils de texte brut comparent les données ligne par ligne. Si votre JSON modifié a une indentation différente, ou si les clés d'un objet sont simplement dans un autre ordre, un diff textuel signalera tout le bloc comme modifié.
Cet outil fonctionne différemment. Il analyse le texte en véritables objets JavaScript et effectue une comparaison récursive en profondeur de la structure des données elle-même. Il ignore les espaces, l'indentation et l'ordre des clés des objets. Si {"status": "ok", "code": 200} devient {"code": 200, "status": "ok"}, l'outil les considère comme parfaitement identiques.
Lorsqu'il détecte une différence, il génère un chemin précis vers la modification en utilisant la notation par point et la syntaxe à crochets standards. Par exemple, si le troisième tag d'un tableau change, l'outil vous dirigera directement vers tags[2] au lieu de simplement surligner une ligne au hasard dans un fichier volumineux.
Gestion des tableaux : stricte ou indépendante de l'ordre
L'un des défis les plus courants d'un comparateur JSON est la gestion des tableaux. Parfois, l'ordre des éléments d'un tableau est primordial. Dans d'autres cas, il s'agit d'une simple liste non ordonnée où seul le contenu compte.
Par défaut, cet outil compare les tableaux strictement par index. Il vérifie si le premier élément du fichier d'origine correspond au premier élément du fichier modifié, et ainsi de suite.
Si vous cochez l'option Ignorer l'ordre des tableaux, l'outil modifie son comportement. Il sérialise et trie par ordre alphabétique le contenu des deux tableaux avant de les comparer. Cela signifie que si votre tableau d'origine est ["apple", "banana"] et que votre tableau modifié est ["banana", "apple"], l'outil n'indiquera aucun changement. Cette fonctionnalité est très pratique pour comparer les réponses d'API provenant de bases de données qui ne garantissent pas d'ordre de tri spécifique.
Cas d'usage courants
Débogage des réponses API. Quand un endpoint API tombe en panne, comparer l'ancienne réponse fonctionnelle à la nouvelle réponse erronée est le moyen le plus rapide de trouver le problème. Collez les deux payloads pour voir instantanément si une clé a été renommée, si un type de données est passé d'une chaîne de caractères à un entier, ou si un objet imbriqué a été supprimé.
Vérification des fichiers de configuration. Les applications modernes s'appuient fortement sur des fichiers de configuration JSON, tels que package.json, tsconfig.json ou des templates de déploiement cloud. Avant de faire un commit, utilisez cet outil pour vérifier exactement quelles dépendances ont été mises à jour ou quels paramètres ont été modifiés.
Audit des enregistrements de base de données. Les bases de données orientées documents comme MongoDB stockent les enregistrements sous forme de structures de type JSON. Si vous devez auditer l'évolution d'un profil utilisateur ou d'un document spécifique au fil du temps, comparer l'historique d'un export JSON avec son état actuel fournit une piste d'audit claire des champs ajoutés, supprimés et modifiés.
Comprendre les résultats
Une fois du JSON valide collé dans les deux panneaux, l'outil génère un résumé et une liste détaillée des modifications :
- Ajouté (+) : Clés ou éléments de tableau présents dans le JSON modifié mais pas dans l'original. Ils sont surlignés en vert.
- Supprimé (−) : Clés ou éléments de tableau présents dans le JSON d'origine mais absents de la version modifiée. Ils sont surlignés en rouge.
- Modifié (~) : Clés présentes dans les deux versions, mais avec des valeurs différentes (par ex., une chaîne de caractères a été mise à jour, ou un booléen est passé de
trueàfalse). Elles sont surlignées en jaune, affichant à la fois l'ancienne et la nouvelle valeur.
Pour partager les résultats de votre comparaison avec un collègue ou les inclure dans un rapport de bug, utilisez le bouton Copier. Cela permet de copier un résumé clair, en texte brut, de chaque chemin modifié et de ses valeurs associées.
Pour aller plus loin dans la manipulation de vos données, vous pouvez d'abord formater vos données brutes à l'aide du Formateur JSON, ou, une fois votre structure JSON finalisée, générer des définitions de types avec le convertisseur JSON vers TypeScript.