Chuyển đổi chuỗi đối tượng thành JSON

Làm cách nào tôi có thể chuyển đổi một chuỗi mô tả một đối tượng thành một chuỗi JSON bằng JavaScript (hoặc jQuery)?

ví dụ: Chuyển đổi cái này ( KHÔNG phải là chuỗi JSON hợp lệ):

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

vào đây:

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

Tôi rất thích tránh sử dụng eval()nếu có thể.

Nếu chuỗi là từ một nguồn đáng tin cậy , bạn có thể sử dụng evalsau đó JSON.stringifykết quả. Như thế này:

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

Lưu ý rằng khi bạn eval là một đối tượng theo nghĩa đen, nó phải được gói trong ngoặc đơn, nếu không, dấu ngoặc nhọn được phân tách thành một khối thay vì một đối tượng.

Tôi cũng đồng ý với các ý kiến ​​dưới câu hỏi rằng sẽ tốt hơn nhiều nếu chỉ mã hóa đối tượng trong JSON hợp lệ để bắt đầu và tránh phải phân tích cú pháp, mã hóa, sau đó có thể phân tích lại nó . HTML hỗ trợ các thuộc tính trích dẫn đơn (chỉ cần đảm bảo mã hóa HTML bất kỳ dấu ngoặc đơn nào bên trong chuỗi).

Chuỗi của bạn không hợp lệ JSON, vì vậy JSON.parse(hoặc jQuery$.parseJSON ) sẽ không hoạt động.

Một cách sẽ là sử dụng evalđể "phân tích" JSON "không hợp lệ" và sau đó stringifynó để "chuyển đổi" nó thành JSON hợp lệ.

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

Tôi đề nghị thay vì cố gắng "sửa" JSON không hợp lệ của bạn, bạn hãy bắt đầu với JSON hợp lệ ở vị trí đầu tiên. Làm thế nào strđược tạo ra, nó nên được sửa ở đó, trước khi nó được tạo ra, không phải sau đó.

EDIT : Bạn đã nói (trong các bình luận) chuỗi này được lưu trữ trong một thuộc tính dữ liệu:

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

Tôi đề nghị bạn sửa nó ở đây, vì vậy nó chỉ có thể là JSON.parsed. Đầu tiên, cả khóa và giá trị của chúng cần được trích dẫn trong dấu ngoặc kép. Nó trông giống như (các thuộc tính được trích dẫn trong HTML là hợp lệ):

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

Bây giờ, bạn chỉ có thể sử dụng JSON.parse(hoặc jQuery $.parseJSON).

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

jQuery.parseJSON

str = jQuery.parseJSON(str)

Biên tập. Điều này được cung cấp cho bạn có một chuỗi JSON hợp lệ

Sử dụng mã đơn giản trong liên kết dưới đây:

http://msdn.microsoft.com/es-es/l Library /ie / cc836466% 28v = vs.94% 29.aspx

var jsontext = '{"firstname":"Jesper","surname":"Aaberg","phone":["555-0100","555-0120"]}';
var contact = JSON.parse(jsontext);

và đảo ngược

var str = JSON.stringify(arr);

Tôi hy vọng hàm nhỏ này chuyển đổi chuỗi JSON không hợp lệ thành chuỗi hợp lệ.

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

Kết quả

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

Sử dụng thận trọng (vì eval()):

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

gọi là:

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

Tuyên bố miễn trừ trách nhiệm: không thử điều này ở nhà hoặc cho bất kỳ điều gì yêu cầu các nhà phát triển khác coi trọng bạn:

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

Ở đó, tôi đã làm nó.
Cố gắng đừng làm điều đó, eval là BAD cho bạn. Như đã nói ở trên, hãy sử dụng JSON shim của Crockford cho các trình duyệt cũ hơn (IE7 trở xuống)

Phương pháp này yêu cầu chuỗi của bạn phải là javascript hợp lệ , sẽ được chuyển đổi thành đối tượng javascript sau đó có thể được tuần tự hóa thành JSON.

chỉnh sửa: cố định như Rocket đề xuất.

Tôi đặt câu trả lời của tôi cho một người quan tâm đến chủ đề cũ này.

Tôi đã tạo ra HTML5 đĩa dữ liệu * phân tích cú pháp cho jQuery plugin và bản demo mà chuyển đổi một chuỗi JSON bị thay đổi thành một đối tượng JavaScript mà không sử dụng eval().

Nó có thể vượt qua các thuộc tính dữ liệu HTML5 * * dưới đây:

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

vào đối tượng:

{
    hello: "world"
}

Douglas Crockford có một trình chuyển đổi, nhưng tôi không chắc nó sẽ giúp JSON xấu thành JSON tốt.

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

Có một cách đơn giản hơn nhiều để thực hiện được kỳ tích này, chỉ cần chiếm đoạt thuộc tính onclick của một phần tử giả để buộc trả về chuỗi của bạn dưới dạng đối tượng 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 ;)

Đây là bản demo: http://codepen.io/csuwldcat/pen/dfzsu (mở bảng điều khiển của bạn)

Bạn cần sử dụng "eval" rồi JSON.opesify rồi JSON.parse cho kết quả.

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

Bạn phải viết dấu ngoặc tròn, bởi vì không có chúng evalsẽ coi mã bên trong dấu ngoặc nhọn là khối lệnh.

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

Đặt cược tốt nhất và an toàn nhất của bạn sẽ là JSON5 - JSON cho con người . Nó được tạo ra đặc biệt cho trường hợp sử dụng đó.

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>

Sử dụng Hàm mới () tốt hơn eval, nhưng vẫn chỉ nên được sử dụng với đầu vào an toàn.

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 }

Nguồn: MDN , 2ality

Đối với ví dụ đơn giản của bạn ở trên, bạn có thể thực hiện việc này bằng cách sử dụng 2 biểu thức chính quy đơn giản thay thế:

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

Thông báo trước lớn : Cách tiếp cận ngây thơ này giả định rằng đối tượng không có chuỗi chứa a 'hoặc :ký tự. Ví dụ, tôi không thể nghĩ ra một cách hay để chuyển đổi chuỗi đối tượng sau thành JSON mà không cần sử dụng eval:

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

Chỉ với những điều kỳ quặc của nó, bạn có thể chuyển đổi chuỗi của mình thông qua 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 = "{xin chào: 'thế giới', địa điểm: ['Châu Phi', 'Châu Mỹ', 'Châu Á', 'Úc']}" var fStr = str .replace (/ ([Az] *) (:) / g, '"$ 1":') .replace (/ '/ g, "\" ")

console.log (JSON.parse (fStr))

Xin lỗi tôi đang trên điện thoại của tôi, đây là một pic.

Một giải pháp với một regex và không sử dụng eval:

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

Điều này tôi tin rằng nên hoạt động cho nhiều dòng và tất cả các lần xuất hiện có thể (/ g cờ) của "chuỗi" trích dẫn đơn được thay thế bằng "chuỗi" trích dẫn kép.

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

Có lẽ bạn phải thử điều này:

str = jQuery.parseJSON(str)