diff options
| author | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
|---|---|---|
| committer | Masahiro FUJIMOTO <mfujimot@gmail.com> | 2021-09-04 00:46:12 +0900 |
| commit | fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f (patch) | |
| tree | 51b7edfc370236684a203f4e69ae67bb7d24b549 /files/fr/web/javascript/reference/errors/cyclic_object_value | |
| parent | 04ea4edc83cc12142ed151bbea2c65cffc8e76f6 (diff) | |
| parent | eeb07fe338cdc90092841d717919f46f9d9e3ff9 (diff) | |
| download | translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.gz translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.tar.bz2 translated-content-fe6f6abf2b7c497bf1f97f73a82dde7cf48eb79f.zip | |
Merge branch 'main' into 20210818-Glossary/Type
Diffstat (limited to 'files/fr/web/javascript/reference/errors/cyclic_object_value')
| -rw-r--r-- | files/fr/web/javascript/reference/errors/cyclic_object_value/index.html | 69 | ||||
| -rw-r--r-- | files/fr/web/javascript/reference/errors/cyclic_object_value/index.md | 70 |
2 files changed, 70 insertions, 69 deletions
diff --git a/files/fr/web/javascript/reference/errors/cyclic_object_value/index.html b/files/fr/web/javascript/reference/errors/cyclic_object_value/index.html deleted file mode 100644 index aa50f933f9..0000000000 --- a/files/fr/web/javascript/reference/errors/cyclic_object_value/index.html +++ /dev/null @@ -1,69 +0,0 @@ ---- -title: 'TypeError: cyclic object value' -slug: Web/JavaScript/Reference/Errors/Cyclic_object_value -tags: - - Erreurs - - JavaScript - - TypeError -translation_of: Web/JavaScript/Reference/Errors/Cyclic_object_value -original_slug: Web/JavaScript/Reference/Erreurs/Cyclic_object_value ---- -<div>{{jsSidebar("Errors")}}</div> - -<h2 id="Message">Message</h2> - -<pre class="syntaxbox">TypeError: cyclic object value (Firefox) -TypeError: Converting circular structure to JSON (Chrome and Opera) -TypeError: Circular reference in value argument not supported (Edge) -</pre> - -<h2 id="Type_d'erreur">Type d'erreur</h2> - -<p>{{jsxref("TypeError")}}</p> - -<h2 id="Quel_est_le_problème">Quel est le problème ?</h2> - -<p>Lorsqu'on appelle la méthode {{jsxref("JSON.stringify()")}}, les structures de références cycliques ne peuvent pas être converties en chaîne de caractères car <a href="https://www.json.org/">le format JSON</a> ne prend pas en charge les références (bien qu'<a href="http://tools.ietf.org/html/draft-pbryan-zyp-json-ref-03">un brouillon IETF existe</a>).</p> - -<h2 id="Exemples">Exemples</h2> - -<p>Avec une structure circulaire comme la suivante :</p> - -<pre class="brush: js">var a = {}; -var b = {}; -a.child = b; -b.child = a; -</pre> - -<p>{{jsxref("JSON.stringify()")}} échouera :</p> - -<pre class="brush: js example-bad">JSON.stringify(a); -// TypeError: cyclic object value -</pre> - -<p>Il est nécessaire de contrôler l'existence de cycles avant la conversion en chaîne de caractères. On peut par exemple fournir une fonction de remplacement comme deuxième argument de la fonction {{jsxref("JSON.stringify()")}}.</p> - -<pre class="brush: js">const getCircularReplacer = () => { - const seen = new WeakSet(); - return (key, value) => { - if (typeof value === "object" && value !== null) { - if (seen.has(value)) { - return; - } - seen.add(value); - } - return value; - }; -}; - -JSON.stringify(circularReference, getCircularReplacer()); -// {"otherData":123}</pre> - -<p>On peut également utiliser une bibliothèque ou une fonction utilitaire pour ce scénario. comme <a href="https://github.com/douglascrockford/JSON-js/blob/master/cycle.js">cycle.js</a>.</p> - -<h2 id="Voir_aussi">Voir aussi</h2> - -<ul> - <li>{{jsxref("JSON.stringify")}}</li> - <li><a href="https://github.com/douglascrockford/JSON-js/blob/master/cycle.js">cycle.js</a> qui introduit deux fonctions : <code>JSON.decycle</code> <code>et JSON.retrocycle</code> qui permettent d'encoder et de décoder des structures cycliques en JSON.</li> -</ul> diff --git a/files/fr/web/javascript/reference/errors/cyclic_object_value/index.md b/files/fr/web/javascript/reference/errors/cyclic_object_value/index.md new file mode 100644 index 0000000000..58de02ab6d --- /dev/null +++ b/files/fr/web/javascript/reference/errors/cyclic_object_value/index.md @@ -0,0 +1,70 @@ +--- +title: 'TypeError: cyclic object value' +slug: Web/JavaScript/Reference/Errors/Cyclic_object_value +tags: + - Erreurs + - JavaScript + - TypeError +translation_of: Web/JavaScript/Reference/Errors/Cyclic_object_value +original_slug: Web/JavaScript/Reference/Erreurs/Cyclic_object_value +--- +{{jsSidebar("Errors")}} + +## Message + + TypeError: cyclic object value (Firefox) + TypeError: Converting circular structure to JSON (Chrome and Opera) + TypeError: Circular reference in value argument not supported (Edge) + +## Type d'erreur + +{{jsxref("TypeError")}} + +## Quel est le problème ? + +Lorsqu'on appelle la méthode {{jsxref("JSON.stringify()")}}, les structures de références cycliques ne peuvent pas être converties en chaîne de caractères car [le format JSON](https://www.json.org/) ne prend pas en charge les références (bien qu'[un brouillon IETF existe](http://tools.ietf.org/html/draft-pbryan-zyp-json-ref-03)). + +## Exemples + +Avec une structure circulaire comme la suivante : + +```js +var a = {}; +var b = {}; +a.child = b; +b.child = a; +``` + +{{jsxref("JSON.stringify()")}} échouera : + +```js example-bad +JSON.stringify(a); +// TypeError: cyclic object value +``` + +Il est nécessaire de contrôler l'existence de cycles avant la conversion en chaîne de caractères. On peut par exemple fournir une fonction de remplacement comme deuxième argument de la fonction {{jsxref("JSON.stringify()")}}. + +```js +const getCircularReplacer = () => { + const seen = new WeakSet(); + return (key, value) => { + if (typeof value === "object" && value !== null) { + if (seen.has(value)) { + return; + } + seen.add(value); + } + return value; + }; +}; + +JSON.stringify(circularReference, getCircularReplacer()); +// {"otherData":123} +``` + +On peut également utiliser une bibliothèque ou une fonction utilitaire pour ce scénario. comme [cycle.js](https://github.com/douglascrockford/JSON-js/blob/master/cycle.js). + +## Voir aussi + +- {{jsxref("JSON.stringify")}} +- [cycle.js](https://github.com/douglascrockford/JSON-js/blob/master/cycle.js) qui introduit deux fonctions : `JSON.decycle` `et JSON.retrocycle` qui permettent d'encoder et de décoder des structures cycliques en JSON. |
