オブジェクト文字列をJSONに変換する

JavaScript（またはjQuery）を使用してオブジェクトを説明する文字列をJSON文字列に変換するにはどうすればよいですか？

例：これを変換します（有効な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の$.parseJSON）は機能しません。

1つの方法は、を使用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.parse。まず、キーと値の両方を二重引用符で囲む必要があります。これは次のようになります（HTMLで単一引用符で囲まれた属性は有効です）。

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

これで、JSON.parse（またはjQueryの$.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文字列を有効な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 + ')'));

そこで、私はやった。
それをしないようにしてください、evalはあなたにとって悪いです。上記のように、古いブラウザー（IE7以下）にはCrockfordのJSONシムを使用します。

このメソッドでは、文字列が有効なJavaScriptである必要がありますである JSONにシリアル化できるjavascriptオブジェクトに変換されます。

編集： Rocketの提案に従って修正。

私はこの古いスレッドに興味がある人に答えを出しました。

を使用せずに不正なJSON文字列をJavaScriptオブジェクトに変換するjQueryプラグインとデモ用のHTML5 data- *パーサーを作成しました。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 for Humansでしょう。それはそのユースケースのために特別に作成されています。

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>

new 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つの単純な正規表現置換を使用してこれを行うことができます。

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

大きな警告：この素朴なアプローチは、オブジェクトに'または文字を含む文字列がないことを前提としています:。たとえば、次のオブジェクト文字列を使用せずに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 = "{hello： 'world'、Places：['Africa'、 'America'、 'Asia'、 'Australia']}" var fStr = str .replace（/（[Az] *）（：）/ g、 '"$ 1"：'）.replace（/ '/ g、 "\" "）

console.log（JSON.parse（fStr））

申し訳ありません、私は私の電話にいます、これは写真です。

正規表現が1つあり、evalを使用しないソリューション：

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

これは、複数の行で機能し、単一引用符「string」が二重引用符「string」に置き換わった場合に発生する可能性のあるすべて（/ gフラグ）で機能するはずです。

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

多分あなたはこれを試さなければなりません：

str = jQuery.parseJSON(str)