Convertit l'objet en une chaîne JSON

Comment puis-je convertir une chaîne de caractères qui décrit un objet dans une chaîne JSON à l'aide de JavaScript (jQuery)?

e.g: Convertir ce (PAS une chaîne JSON valide):

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"

dans cette:

str = '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

J'aimerais éviter d'utiliser eval() si possible.

Pourquoi est votre chaîne non valide JSON en premier lieu? Comment allez-vous générer cela?
La chaîne est stockée dans un data-attrubute, comme ceci: <div data-object="{hello:'world'}"></div> et je ne veux pas utiliser les guillemets simples dans le code HTML(donc c'est sans doute de ne pas être digne de confiance)
<div data-object='{"hello":"world"}'></div> est 100% valide en HTML (ce qui ne les guillemets simples à faire avec la confiance ou pas?). Si vous faites de cette façon, vous pouvez simplement JSON.parse et ça marchera très bien. Remarque: les clés doivent être cités aussi.
merci pour vos efforts! Je voulais juste trouver un moyen de contourner avoir à utiliser les guillemets simples en HTML (même si c'est 100% valide) et la notation JSON.
Ils ont moyen de contourner est de ne pas mettre de JSON dans un attribut HTML, en premier lieu. Je suppose que vous pourriez utiliser des guillemets, et d'échapper à ceux dans le JSON <div data-object="{\"hello\":\"world\"}"></div>. Si vous ne souhaitez pas utiliser JSON valide dans l'attribut, alors vous allez avoir à faire votre propre format et d'analyser vous-même.
Ce sont juste des conseils au lieu de répondre. - Vous pouvez utiliser http://www.jsoneditoronline.org/ pour vérifier mon JSON. - En passant chaîne JSON à partir de code derrière conscient de l'ajout approprié des caractères d'échappement.

InformationsquelleAutor snorpey | 2012-01-27

173

Si la chaîne est à partir d'une source de confiance, vous pouvez utiliser eval puis JSON.stringify le résultat. Comme ceci:
```
var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));
```
Notez que lorsque vous eval un objet littéral, il doit être enveloppé dans des parenthèses, sinon les accolades sont analysées comme un bloc au lieu d'un objet.

Je suis également d'accord avec les commentaires en-dessous de la question qu'il serait beaucoup mieux de coder l'objet en JSON valide pour commencer et éviter d'avoir à analyser, encoder, puis sans doute analyser nouveau. HTML prend en charge une seule cité attributs (juste être sûr de HTML-encoder n'importe quel guillemets à l'intérieur des chaînes de caractères).
- ce n'est pas logique, si la chaîne est à partir d'une source de confiance, pourquoi nous convertir nous le faire comme json valide.
- L'idée est de convertir à partir invalid JSON valide, JSON, donc eval convertit la chaîne de caractères à l'objet JavaScript (qui fonctionne, tant que la chaîne représente JavaScript valide, même si elle n'est pas valide JSON). Puis JSON.stringify convertit à partir d'un objet (valide) chaîne JSON. L'appel de eval est dangereux si la chaîne n'est pas à partir d'une source de confiance, car il pourrait littéralement exécuter le code JavaScript qui ouvre la possibilité de cross-site scripting attaques.
- eval va encore faire de mauvaises choses dans ce cas, si la chaîne est construite, par exemple, comme ceci: var str = "(function() {console.log(\"mauvais\")})()";
- À l'aide de la fonction eval() va exécuter du code JS. Il peut facilement être abusé.
- nous n'avons jamais confiance à n'importe quelle source. La confiance dans CELA signifie vérifier encore et encore.
InformationsquelleAutor Matthew Crumley
108

Votre chaîne n'est pas valide JSON, donc JSON.parse (ou jQuery $.parseJSON) ne fonctionne pas.

Un autre moyen serait d'utiliser eval à "analyser" le "non valide" JSON, puis stringify à "convertir" à JSON valide.
```
var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }"
str = JSON.stringify(eval('('+str+')'));
```
Je suggère plutôt que d'essayer de "réparer" votre invalid JSON, vous commencez avec JSON valide en premier lieu. Comment est str être généré, il doit être fixé, avant de elle est générée, pas après.

MODIFIER: Vous avez dit (dans les commentaires) cette chaîne est stockée dans un attribut de données:
```
<div data-object="{hello:'world'}"></div>
```
Je vous suggère de fixer ici, alors il peut simplement être JSON.parsed. Tout d'abord, ils ont les clés et les valeurs doivent être cités entre guillemets doubles. Il devrait ressembler (un seul cité attributs HTML sont valables):
```
<div data-object='{"hello":"world"}'></div>
```
Maintenant, vous pouvez simplement utiliser JSON.parse (ou jQuery $.parseJSON).
```
var str = '{"hello":"world"}';
var obj = JSON.parse(str);
```
InformationsquelleAutor Rocket Hazmat
49

jQuery.parseJSON
```
str = jQuery.parseJSON(str)
```
Modifier. C'est à la condition d'avoir une chaîne JSON valide
- n'est pas correcte, parseJSON il faut JSON valide
- vrai, j'ai vu la question comment convertir une chaîne JSON pour objet
InformationsquelleAutor Farmor
39

Utilisation simple code dans le lien ci-dessous :

http://msdn.microsoft.com/es-es/library/ie/cc836466%28v=vs.94%29.aspx
```
var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);
```
et inverse
```
var str = JSON.stringify(arr);
```
- La conversion de jsontext à une Chaîne de caractères de l'objet via new String(jsontext) est sans doute encore mieux, pour le type de sécurité.
- Cela doit fait la accepté de répondre.
- Non, primitif wrappers ne doit jamais être utilisé.
- JSON.parse() doit être accepté de répondre ici, comme l'a indiqué @LouiseMcMahon
InformationsquelleAutor Ronald

J'espère que cette petite fonction permet de convertir invalid JSON chaîne valide.

function JSONize(str) {
  return str
    //wrap keys without quote with valid double quote
    .replace(/([$\w]+)\s*:/g, function(_, $1){return '"'+$1+'":'})    
    //replacing single quote wrapped ones to double quote 
    .replace(/'([^']+)'/g, function(_, $1){return '"'+$1+'"'})         
}

Résultat

var invalidJSON = "{ hello: 'world',foo:1,  bar  : '2', foo1: 1, _bar : 2, $2: 3, 'xxx': 5, \"fuz\": 4, places: ['Africa', 'America', 'Asia', 'Australia'] }"
JSON.parse(invalidJSON) 
//Result: Uncaught SyntaxError: Unexpected token h VM1058:2
JSON.parse(JSONize(invalidJSON)) 
//Result: Object {hello: "world", foo: 1, bar: "2", foo1: 1, _bar: 2…}

Nous essayons de evalify b à l'aide de JSON.analyser notre code et cela ressemble à une bonne solution. Nous allons toujours avoir à gérer la constante de remplacement à la main, mais au moins cela permet de contenir ces cas.
Cela ne fonctionne pas avec les url
C'est presque parfait. Ne fonctionne pas lorsque : est dans l'un des valeurs.

InformationsquelleAutor allenhwkim

9

À utiliser avec prudence (en raison de eval()):
```
function strToJson(str) {
  eval("var x = " + str + ";");
  return JSON.stringify(x);
}
```
appel:
```
var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
alert( strToJson(str) );
```
- À l'anonyme de bas-électeur. Je vous mets au défi de fournir une meilleure solution. En dehors de cela, une raison pour le vote, ce serait bien.
- Pourquoi cette baisse a voté? Oui, eval est mauvais, mais sa chaîne n'est pas valide JSON, donc il ne peut pas utiliser JSON.parse.
- Vous êtes dans l'erreur. a) eval() est la seule façon de le faire. b) j'ai prévenu les OP à ce sujet. c) Regardez Matthieu Crumley la réponse de penser à une meilleure explication. (Oh, et d) la déclaration eval() est mauvaise, c'est le non-sens dans cette forme généralisée.)
- Je suis mal pour se mettre d'accord avec vous? Ce commentaire a été de se demander pourquoi cela a été voté. J'ai d'expliquer pourquoi eval doit être utilisé ici. Avez-vous vu mon réponse?
- Ah, l'incompréhension, là. Désolé, je pensais que le vote a été le vôtre. 🙂
- C'est ok. J'ai effectivement upvoted vous 😛
- J'ai down-vous ont voté. Vous avez raison, eval() est la seule façon, mais votre solution ne fonctionne pas – vous oubliez d'ajouter entre parenthèses. Voir mon post ou post de @Matthieu Crumley
- Il fonctionne très bien, avez-vous même de la tester? Il fait eval("var x = " + str + ";") qui est totalement valide JS. Vous n'avez pas besoin de faire var x = ({a:12}).
- Oui, je l'ai testé: ça ne marche pas. Voir mon post avant de répondre.
- Ensuite vous testez mal, car il fonctionne très bien. jsfiddle.net/ExHWk
- Nouveau: Notez que lorsque vous eval un objet littéral, il doit être enveloppé dans des parenthèses, sinon les accolades sont analysées comme un bloc au lieu d'un objet
- Encore une fois: Il n'est pas evaling un littéral d'objet. Il est evaling une ligne de code qui définit une variable à un objet. Je vais vous demander encore une fois, Avez-vous tester? Il fonctionne très bien: jsfiddle.net/ExHWk
- J'ai l'habitude de tester des choses avant que je post ici. Encore il y a peut être des erreurs ou peuvent ne pas fonctionner partout. J'apprécierais un commentaire si c'est le cas. Un décommenté downvote n'est pas utile à tous - pas pour moi et pas pour quelqu'un d'autre qui pourrait l'émerveillement. (À part ça, je ne suis pas dans le bas droit de vote. Je laisse juste un commentaire, même en vertu de la mort-mauvaise réponse. Mais peut-être que c'est juste moi.)
- Je suis désolé, mais j'écris lentement sur le clavier de l'ordinateur portable. A l'avenir, je vais d'abord écrire un commentaire, puis vers le bas-droit de vote. J'ai en bas-voté car il ne fonctionne pas dans mon IE7.
- Il ne fonctionne pas dans IE7 parce que IE7 n'a pas native prise en charge de JSON. Il va commencer à travailler dès que vous utilisez json2.js. Ne pas être à la gâchette facile.
- Pourquoi êtes-vous toujours en utilisant IE7, en 2012, d'obtenir à la fois 😛 (P. S. Il ne fonctionne pas dans IE7 car il n'est pas natif JSON, rien à voir avec la eval. Vous pouvez utiliser Crockford du JSON cale pour ajouter la prise en charge de JSON pour IE7.)
- Merci. 😉
- vous pouvez utiliser l'attribut onclick d'un mannequin élément pour accomplir la même chose, de sorte que la fonction eval() n'est pas la que moyen (techniquement parlant). J'ai laissé une réponse à montrer comment cette méthode alternative fonctionne dans la pratique.
- N'est-ce pas la méthode à l'aide de eval() ainsi, sous le capot? Je ne serais pas surpris.
- si nous voulons être uber technique, la fonction eval() est un appel à la JS moteur pour analyser et exécuter le script contenu, et chaque textuelle peu de code (onclick, etc) ou balise de script invoque le même mécanisme de base qui sauvegarde la fonction eval(). L'un des avantages textuelle des balises de script, les attributs, et la nouvelle Fonction de création peut fournir, c'est qu'ils sont généralement plus faciles à optimiser (une fois jeté, et mise en cache) pour la réutilisation. Constamment à l'aide de la fonction eval pour réévaluer la même textuelles chaînes de code est beaucoup plus difficile à optimiser, de la même manière. Comme l'OP demandé aucune condition explicite de l'utilisation de la fonction eval(), j'ai senti la solution que j'ai fourni adapter le projet de loi.
InformationsquelleAutor Tomalak
4

Avertissement: n'essayez pas ceci à la maison, ou pour tout ce qui nécessite d'autres développeurs vous prendre au sérieux:
```
JSON.stringify(eval('(' + str + ')'));
```
Là, je l'ai fait.

Essayez de ne pas le faire tho, eval est MAUVAIS pour vous. Comme dit ci-dessus, l'utilisation Crockford JSON cale pour les anciens navigateurs (IE7 et moins)

Cette méthode nécessite votre chaîne pour être valide javascript, qui sera converti en un objet javascript qui peut ensuite être sérialisé en JSON.

edit: fixe comme Fusée suggéré.
- Il devrait être JSON.stringify(eval('('+str+')'));, non pas que je tolère eval, mais sa chaîne n'est pas valide JSON pour JSON.parse ne fonctionne pas.
- vous avez raison sur l'ajustement de la chaîne dans les parenthèses.
InformationsquelleAutor gonchuki
4

J'ai mis ma réponse pour quelqu'un qui s'intéressent à ce vieux thread.

J'ai créé le HTML5 de données* analyseur pour jQuery plugin et démo qui convertir un mal formé chaîne JSON dans un objet JavaScript sans utiliser eval().

Il peut passer le HTML5 données* les attributs ci-dessous:
```
<div data-object='{"hello":"world"}'></div>
<div data-object="{hello:'world'}"></div>
<div data-object="hello:world"></div>
```
dans l'objet:
```
{
    hello: "world"
}
```
- c'est, et doit être accepté de répondre à
InformationsquelleAutor tokkonopapa
2

Douglas Crockford a un convertisseur, mais je ne suis pas sûr que ça va aider à la mauvaise JSON à la bonne JSON.

https://github.com/douglascrockford/JSON-js
- Ce n'aide pas vraiment, tant que la chaîne n'est pas valide JSON.
InformationsquelleAutor Seth

Il y a un moyen beaucoup plus simple pour accomplir cet exploit, juste détourner l'attribut onclick d'un mannequin élément de forcer un retour de votre chaîne de caractères comme un objet JavaScript:

var jsonify = (function(div){
  return function(json){
    div.setAttribute('onclick', 'this.__json__ = ' + json);
    div.click();
    return div.__json__;
  }
})(document.createElement('div'));

//Let's say you had a string like '{ one: 1 }' (malformed, a key without quotes)
//jsonify('{ one: 1 }') will output a good ol' JS object ;)

Voici une démo: http://codepen.io/csuwldcat/pen/dfzsu (ouvrez votre console)

InformationsquelleAutor csuwldcat

Vous devez utiliser "eval" puis JSON.stringify puis JSON.analyser le résultat.

 var errorString= "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
 var jsonValidString = JSON.stringify(eval("(" + errorString+ ")"));
 var JSONObj=JSON.parse(jsonValidString);

Convertit l'objet en une chaîne JSON

InformationsquelleAutor Negi Rox

1

Vous avez à écrire des parenthèses, car sans eux, eval examinera code à l'intérieur d'accolades comme bloc de commandes.
```
var i = eval("({ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] })");
```
InformationsquelleAutor kuboslav

Votre meilleur et le plus sûr pari serait JSON5 – JSON pour les Humains. Il est créé spécifiquement pour ce cas d'utilisation.

JS:

const result = JSON5.parse("{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }");

console.log(JSON.stringify(result));

HTML:

<script src="https://cdnjs.cloudflare.com/ajax/libs/json5/0.5.1/json5.min.js"></script>

InformationsquelleAutor dereli

0

Pour votre exemple simple ci-dessus, vous pouvez le faire à l'aide de 2 simple regex remplace:
```
var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
str.replace(/(\w+):/g, '"$1":').replace(/'/g, '"');
 => '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'
```
Mise en garde Big: Cette approche naïve suppose que l'objet n'a pas de chaînes de caractères contenant un ' ou : caractère. Par exemple, je ne peux pas penser à une bonne façon de convertir l'objet string JSON sans l'aide de eval:
```
"{ hello: 'world', places: [\"America: The Progressive's Nightmare\"] }"
```
InformationsquelleAutor Topher Hunt

Juste pour les bizarreries de lui, vous pouvez convertir votre chaîne via babel-standalone

JS:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";

function toJSON() {
  return {
    visitor: {
      Identifier(path) {
        path.node.name = '"' + path.node.name + '"'
      },
      StringLiteral(path) {
        delete path.node.extra
      }
    }
  }
}
Babel.registerPlugin('toJSON', toJSON);
var parsed = Babel.transform('(' + str + ')', {
  plugins: ['toJSON']
});
var json = parsed.code.slice(1, -2)
console.log(JSON.parse(json))

HTML:

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>

InformationsquelleAutor Moritz Roessler

0

var str = "{ bonjour: "monde", les lieux: ["Afrique", "l'Amérique", 'Asie', 'Australie'] }"
var fStr = str
.replace(/([A-z]*)(:)/g '"$1":')
.replace(/'/g, "\"")

de la console.log(JSON.parse(fStr))

Désolé je suis sur mon téléphone, voici un pic.

InformationsquelleAutor Francis Leigh
0

Une solution avec une regex et de ne pas utiliser eval:
```
str.replace(/([\s\S]*?)(')(.+?)(')([\s\S]*?)/g, "$1\"$3\"$5")
```
Cela, je crois, devrait fonctionner pour plusieurs lignes et de toutes les occurrences possibles (/g drapeau) de guillemet simple ('string' remplacé par double-quote "chaîne".

InformationsquelleAutor Chaitanya P
0

Vous avez peut-être essayer ceci:
```
str = jQuery.parseJSON(str)
```
- Question spécifiée "ou jQuery" et c'est la solution parfaite si vous l'avez à disposition.
InformationsquelleAutor howdyhyber

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
var json = JSON.stringify(eval("(" + str + ")"));

InformationsquelleAutor praveenkumar

À l'aide de la nouvelle Fonction() est mieux que eval, mais encore doit être utilisé uniquement avec entrée sécurisée.

const parseJSON = obj => Function('"use strict";return (' + obj + ')')();

console.log(parseJSON("{a:(4-1), b:function(){}, c:new Date()}"))
//outputs: Object { a: 3, b: b(), c: Date 2019-06-05T09:55:11.777Z }

Sources:
MDN, 2ality

InformationsquelleAutor SamGoody

Vous devez vous connecter pour publier un commentaire.