แปลงสตริงวัตถุเป็น JSON

ฉันจะแปลงสตริงที่อธิบายวัตถุเป็นสตริง JSON โดยใช้ JavaScript (หรือ jQuery) ได้อย่างไร

เช่น: แปลงสิ่งนี้ ( ไม่ใช่สตริง JSON ที่ถูกต้อง):

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

เป็นนี้

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

ฉันชอบที่จะหลีกเลี่ยงการใช้eval()ถ้าเป็นไปได้

ถ้าสตริงจากแหล่งที่เชื่อถือได้คุณสามารถใช้evalแล้วJSON.stringifyผลที่ตามมา แบบนี้:

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

โปรดทราบว่าเมื่อคุณevalวัตถุตามตัวอักษรมันจะต้องถูกห่อในวงเล็บมิฉะนั้นวงเล็บปีกกาจะแยกเป็นบล็อกแทนวัตถุ

ผมยังเห็นด้วยกับความคิดเห็นภายใต้คำถามที่ว่ามันจะดีกว่ามากที่จะเพียงแค่เข้ารหัสวัตถุ JSON ที่ถูกต้องที่จะเริ่มต้นด้วยและหลีกเลี่ยงที่จะแยกเข้ารหัสแล้วคงจะแยกมันอีกครั้ง HTML รองรับแอตทริบิวต์ที่ยกมาเดี่ยว (ต้องแน่ใจว่า HTML เข้ารหัสคำพูดใด ๆ ภายในสตริง)

สตริงของคุณไม่ถูกต้อง JSON ดังนั้นJSON.parse(หรือ jQuery's $.parseJSON) จะไม่ทำงาน

วิธีหนึ่งที่จะใช้evalในการ "แยกวิเคราะห์" JSON "ไม่ถูกต้อง" และจากนั้นstringifyเป็น "แปลง" เป็น JSON ที่ถูกต้อง

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

ฉันแนะนำแทนที่จะพยายาม "แก้ไข" JSON ที่ไม่ถูกต้องของคุณคุณเริ่มต้นด้วย JSON ที่ถูกต้องตั้งแต่แรก มันจะstrถูกสร้างขึ้นอย่างไรควรได้รับการแก้ไขก่อนที่มันจะถูกสร้างขึ้นไม่ใช่หลังจากนั้น

แก้ไข : คุณพูดว่า (ในความคิดเห็น) สตริงนี้จะถูกเก็บไว้ในแอตทริบิวต์ข้อมูล:

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

ฉันขอแนะนำให้คุณแก้ไขที่นี่ดังนั้นมันอาจจะเป็นJSON.parsed ก่อนอื่นทั้งคีย์และค่าจะต้องมีเครื่องหมายคำพูดคู่ ควรมีลักษณะ (แอตทริบิวต์ที่ยกมาเดี่ยวใน HTML ถูกต้อง):

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

ตอนนี้คุณสามารถใช้JSON.parse(หรือ jQuery's $.parseJSON)

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

jQuery.parseJSON

str = jQuery.parseJSON(str)

แก้ไข สิ่งนี้จัดให้คุณมีสตริง JSON ที่ถูกต้อง

ใช้รหัสอย่างง่ายในลิงค์ด้านล่าง:

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

และย้อนกลับ

var str = JSON.stringify(arr);

ฉันหวังว่าฟังก์ชันเล็ก ๆ นี้จะแปลงสตริง JSON ที่ไม่ถูกต้องให้เป็นสตริงที่ถูกต้อง

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

ผลลัพธ์

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

ใช้ด้วยความระมัดระวัง (เพราะeval()):

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

โทรเป็น:

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

คำเตือน: อย่าลองทำที่บ้านหรือทำอะไรก็ตามที่ต้องมีการพัฒนาอย่างจริงจังเพื่อคุณ:

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

ที่นั่นฉันทำมัน
พยายามที่จะไม่ทำมันสรรพสิ่งที่เลวร้ายสำหรับคุณ ตามที่ได้กล่าวไว้ข้างต้นให้ใช้ JSON shim สำหรับเบราว์เซอร์รุ่นเก่า (IE7 ขึ้นไป)

วิธีนี้ต้องการให้สตริงของคุณเป็นจาวาสคริปต์ที่ถูกต้องซึ่งจะถูกแปลงเป็นออบเจ็กต์จาวาสคริปต์ที่จะสามารถต่อเนื่องเป็น JSON

แก้ไข:แก้ไขตามที่แนะนำ Rocket

ฉันใส่คำตอบของฉันสำหรับคนที่สนใจในหัวข้อเก่านี้

ฉันสร้างHTML5 DATA- * parserสำหรับ jQuery ปลั๊กอินและสาธิตที่แปลงสตริง JSON ไม่ถูกต้องเป็นวัตถุ JavaScript eval()โดยไม่ต้องใช้

มันสามารถส่งผ่านตะโกนแอตทริบิวต์ HTML5 data- *:

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

เป็นวัตถุ:

{
    hello: "world"
}

Douglas Crockford มีตัวแปลง แต่ฉันไม่แน่ใจว่ามันจะช่วย JSON ที่ไม่ดีให้กับ JSON ที่ดี

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

มีวิธีที่ง่ายกว่ามากในการทำให้เพลงนี้สำเร็จเพียงจี้แอตทริบิวต์ onclick ขององค์ประกอบจำลองเพื่อบังคับให้ส่งคืนสตริงของคุณเป็นวัตถุ 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 ;)

นี่คือตัวอย่าง: http://codepen.io/csuwldcat/pen/dfzsu (เปิดคอนโซลของคุณ)

คุณต้องใช้ "eval" จากนั้น JSON.stringify แล้ว JSON.parse กับผลลัพธ์

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

คุณต้องเขียนวงเล็บเหลี่ยมเพราะหากไม่มีพวกเขาevalจะพิจารณารหัสภายในวงเล็บปีกกาเป็นบล็อกของคำสั่ง

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

ทางออกที่ดีที่สุดและปลอดภัยที่สุดของคุณจะJSON5 - JSON สำหรับมนุษย์ มันถูกสร้างขึ้นโดยเฉพาะสำหรับกรณีการใช้งานที่

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>

การใช้ Function ใหม่ () นั้นดีกว่า eval แต่ก็ควรใช้กับอินพุตที่ปลอดภัยเท่านั้น

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 }

แหล่งที่มา: MDN , 2ality

สำหรับตัวอย่างง่ายๆของคุณด้านบนคุณสามารถทำได้โดยใช้ 2 regex แบบง่ายแทน:

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

Big caveat : วิธีการที่ไร้เดียงสานี้อนุมานว่าวัตถุนั้นไม่มีสตริงที่มี'หรือ:อักขระ ตัวอย่างเช่นฉันไม่สามารถคิดวิธีที่ดีในการแปลง object-string ต่อไปนี้เป็น JSON โดยไม่ต้องใช้eval:

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

เพียงแค่นิสัยใจคอของมันคุณสามารถแปลงสตริงของคุณผ่าน 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 = "{สวัสดี: 'โลก' สถานที่: ['แอฟริกา', 'อเมริกา', 'เอเชีย', 'ออสเตรเลีย']}" "var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (fStr))

ขอโทษฉันอยู่ในโทรศัพท์ของฉันนี่คือรูป

วิธีการแก้ปัญหาด้วยหนึ่ง regex และไม่ได้ใช้ eval:

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

สิ่งนี้ฉันเชื่อว่าควรใช้กับหลายบรรทัดและเหตุการณ์ที่เป็นไปได้ทั้งหมด (แฟล็ก / g) ของคำว่า 'string' แทนที่ด้วยคำว่า "string"

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

บางทีคุณต้องลองสิ่งนี้:

str = jQuery.parseJSON(str)