Converter sequência de objetos em JSON

Como converter uma string que descreve um objeto em uma string JSON usando JavaScript (ou jQuery)?

por exemplo: Converta isso ( NÃO é uma string JSON válida):

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

nisso:

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

Eu adoraria evitar o uso, eval()se possível.

Se a string é de uma fonte confiável , você pode usar evalentão JSON.stringifyo resultado. Como isso:

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

Observe que, quando evalum objeto é literal, ele deve ser colocado entre parênteses, caso contrário, as chaves são analisadas como um bloco em vez de um objeto.

Também concordo com os comentários da pergunta de que seria muito melhor codificar o objeto no JSON válido para começar e evitar a necessidade de analisar, codificar e, presumivelmente, analisá-lo novamente . O HTML oferece suporte a atributos de aspas simples (apenas codifique HTML quaisquer aspas simples dentro de strings).

Sua string não é JSON válida, portanto JSON.parse(ou do jQuery $.parseJSON) não funcionará.

Uma maneira seria usar evalpara "analisar" o JSON "inválido" e depois stringify"convertê-lo" para JSON válido.

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

Sugiro que, em vez de tentar "consertar" seu JSON inválido, você comece com JSON válido em primeiro lugar. Como está strsendo gerado, deve ser corrigido lá, antes de ser gerado, não depois.

EDIT : Você disse (nos comentários) esta string é armazenada em um atributo de dados:

<div data-object="{hello:'world'}"></div>

Eu sugiro que você corrija aqui, para que possa ser apenas JSON.parsed. Primeiro, as chaves e os valores precisam ser citados entre aspas duplas. Deve ter a aparência (atributos de aspas simples em HTML são válidos):

<div data-object='{"hello":"world"}'></div>

Agora, você pode apenas usar JSON.parse(ou jQuery $.parseJSON).

var str = '{"hello":"world"}';
var obj = JSON.parse(str);

jQuery.parseJSON

str = jQuery.parseJSON(str)

Editar. Isso é fornecido se você tiver uma sequência JSON válida

Use código simples no link abaixo:

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);

e reverter

var str = JSON.stringify(arr);

Espero que essa pequena função converta uma string JSON inválida para uma válida.

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+'"'})         
}

Resultado

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…}

Use com cuidado (por causa de eval()):

function strToJson(str) {
  eval("var x = " + str + ";");
  return JSON.stringify(x);
}

chamar como:

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

Isenção de responsabilidade: não tente fazer isso em casa ou para qualquer coisa que exija que outros desenvolvedores o levem a sério:

JSON.stringify(eval('(' + str + ')'));

Lá eu fiz.
Tente não fazê-lo, pois eval é ruim para você. Como dito acima, use o calço JSON de Crockford para navegadores mais antigos (IE7 e inferiores)

Esse método requer que sua sequência seja javascript válido , que será convertido em um objeto javascript que pode ser serializado em JSON.

editar: corrigido como sugerido pelo Rocket.

Eu coloquei minha resposta para alguém que esteja interessado neste tópico antigo.

Eu criei o analisador de dados- * HTML5 para o plugin jQuery e demo que convertem uma string JSON malformada em um objeto JavaScript sem usar eval().

Ele pode passar os dados HTML5- * abaixo:

<div data-object='{"hello":"world"}'></div>
<div data-object="{hello:'world'}"></div>
<div data-object="hello:world"></div>

no objeto:

{
    hello: "world"
}

Douglas Crockford tem um conversor, mas não tenho certeza se isso ajudará com JSON ruim a bom JSON.

https://github.com/douglascrockford/JSON-js

Há uma maneira muito mais simples de realizar essa façanha, basta seqüestrar o atributo onclick de um elemento fictício para forçar o retorno da sua string como um objeto 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 ;)

Aqui está uma demonstração: http://codepen.io/csuwldcat/pen/dfzsu (abra seu console)

Você precisa usar "eval", JSON.stringify e JSON.parse para o resultado.

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

Você precisa escrever colchetes, porque sem eles evalconsiderará o código entre colchetes como um bloco de comandos.

var i = eval("({ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] })");

Sua melhor e mais segura aposta seria JSON5 - JSON for Humans . É criado especificamente para esse caso de uso.

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

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

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

Usar new Function () é melhor que eval, mas ainda deve ser usado apenas com entrada segura.

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 }

Fontes: MDN , 2ality

Para o seu exemplo simples acima, você pode fazer isso usando 2 substituições simples de regex:

var str = "{ hello: 'world', places: ['Africa', 'America', 'Asia', 'Australia'] }";
str.replace(/(\w+):/g, '"$1":').replace(/'/g, '"');
 => '{ "hello": "world", "places": ["Africa", "America", "Asia", "Australia"] }'

Advertência grande : Essa abordagem ingênua pressupõe que o objeto não tenha seqüências contendo um caractere 'ou :. Por exemplo, não consigo pensar em uma boa maneira de converter a seguinte sequência de objetos em JSON sem usar eval:

"{ hello: 'world', places: [\"America: The Progressive's Nightmare\"] }"

Apenas pelas peculiaridades, você pode converter sua string via babel-standalone

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))

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

var str = "{olá: 'mundo', lugares: ['África', 'América', 'Ásia', 'Austrália']}" var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (fStr))

Desculpe, eu estou no meu telefone, aqui está uma foto.

Uma solução com um regex e não usando eval:

str.replace(/([\s\S]*?)(')(.+?)(')([\s\S]*?)/g, "$1\"$3\"$5")

Acredito que isso funcione para várias linhas e todas as ocorrências possíveis (sinalizador / g) de 'string' de aspas simples substituídas por "string" de aspas duplas.

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

Talvez você precise tentar o seguinte:

str = jQuery.parseJSON(str)