Konversi objek string ke JSON

Bagaimana saya bisa mengkonversi string yang menggambarkan objek menjadi string JSON menggunakan JavaScript (atau jQuery)?

mis: Konversi ini ( BUKAN string JSON yang valid):

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

dalam hal ini:

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

Saya ingin menghindari penggunaan eval()jika memungkinkan.

Jika string adalah dari sumber yang terpercaya , Anda bisa menggunakan evalkemudian JSON.stringifyhasilnya. Seperti ini:

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

Perhatikan bahwa ketika Anda evalsebuah objek literal, itu harus dibungkus dengan tanda kurung, jika tidak, kawat gigi diurai sebagai blok, bukan objek.

Saya juga setuju dengan komentar di bawah pertanyaan bahwa akan jauh lebih baik untuk hanya menyandikan objek di JSON yang valid untuk memulai dan menghindari harus menguraikan, menyandikan, kemudian mungkin menguraikannya lagi . HTML mendukung atribut yang dikutip tunggal (pastikan untuk menyandikan HTML setiap tanda kutip tunggal di dalam string).

String Anda bukan JSON yang valid, jadi JSON.parse(atau jQuery $.parseJSON) tidak akan berfungsi.

Salah satu caranya adalah dengan menggunakan eval"parse" JSON "tidak valid", dan kemudian stringify"mengubahnya" menjadi JSON yang valid.

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

Saya sarankan daripada mencoba untuk "memperbaiki" JSON Anda yang tidak valid, Anda mulai dengan JSON yang valid di tempat pertama. Bagaimana strcara dihasilkan, itu harus diperbaiki di sana, sebelum itu dihasilkan, bukan setelah.

EDIT : Anda bilang (dalam komentar) string ini disimpan dalam atribut data:

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

Saya sarankan Anda memperbaikinya di sini, jadi bisa saja JSON.parsed. Pertama, baik kunci dan nilainya perlu dikutip dalam tanda kutip ganda. Seharusnya terlihat (atribut tunggal yang dikutip dalam HTML valid):

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

Sekarang, Anda bisa menggunakan JSON.parse(atau jQuery $.parseJSON).

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

jQuery.parseJSON

str = jQuery.parseJSON(str)

Edit. Ini asalkan Anda memiliki string JSON yang valid

Gunakan kode sederhana di tautan di bawah ini:

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

dan mundur

var str = JSON.stringify(arr);

Saya harap fungsi kecil ini mengubah string JSON yang tidak valid menjadi string yang valid.

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

Hasil

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

Gunakan dengan hati-hati (karena eval()):

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

panggil sebagai:

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

Penafian: jangan coba ini di rumah, atau untuk apa pun yang mengharuskan pengembang lain menganggap Anda serius:

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

Di sana, saya melakukannya.
Cobalah untuk tidak melakukannya, eval itu BURUK untuk Anda. Seperti diceritakan di atas, gunakan JSON shim Crockford untuk peramban yang lebih lama (IE7 dan di bawah)

Metode ini mengharuskan string Anda menjadi javascript yang valid , yang akan dikonversi ke objek javascript yang kemudian dapat diserialisasi ke JSON.

sunting: diperbaiki seperti yang disarankan Rocket.

Saya memberikan jawaban saya untuk seseorang yang tertarik pada utas lama ini.

Saya membuat parser data HTML5 * untuk plugin dan demo jQuery yang mengubah string JSON yang rusak menjadi objek JavaScript tanpa menggunakan eval().

Itu dapat melewatkan atribut data HTML5- * di bawah:

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

ke dalam objek:

{
    hello: "world"
}

Douglas Crockford memiliki konverter, tetapi saya tidak yakin ini akan membantu dengan JSON yang buruk menjadi JSON yang baik.

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

Ada cara yang lebih sederhana untuk mencapai prestasi ini, cukup bajak atribut onclick elemen dummy untuk memaksa pengembalian string Anda sebagai objek 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 ;)

Berikut ini demo: http://codepen.io/csuwldcat/pen/dfzsu (buka konsol Anda)

Anda perlu menggunakan "eval" lalu JSON.stringify lalu JSON.parse ke hasilnya.

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

Anda harus menulis kurung bundar, karena tanpa mereka evalakan menganggap kode di dalam kurung keriting sebagai blok perintah.

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

Taruhan terbaik dan teraman Anda adalah JSON5 - JSON untuk Manusia . Itu dibuat khusus untuk use case itu.

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>

Menggunakan Function baru () lebih baik daripada eval, tetapi masih harus digunakan dengan input yang aman.

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 }

Sumber: MDN , 2ality

Untuk contoh sederhana Anda di atas, Anda dapat melakukan ini menggunakan 2 pengganti regex sederhana:

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

Peringatan besar : Pendekatan naif ini mengasumsikan bahwa objek tidak memiliki string yang mengandung karakter 'atau :. Sebagai contoh, saya tidak bisa memikirkan cara yang baik untuk mengubah objek-string berikut ke JSON tanpa menggunakan eval:

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

Hanya untuk kebiasaannya, Anda dapat mengonversi string Anda melalui 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 = "{halo: 'dunia', tempat: ['Afrika', 'Amerika', 'Asia', 'Australia']}" var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (fStr))

Maaf saya di ponsel saya, ini foto.

Solusi dengan satu regex dan tidak menggunakan eval:

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

Ini saya percaya harus bekerja untuk beberapa baris dan semua kemungkinan kemunculan (/ g flag) dari tanda kutip tunggal 'string' diganti dengan tanda kutip ganda "string".

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

Mungkin Anda harus mencoba ini:

str = jQuery.parseJSON(str)