[javascript] JSON.stringify의 반대?

JSON.stringify그리고 JSON.parse거의 oposites하고, “보통”이런 종류의 작동합니다 :

var obj = ...;
var json = JSON.stringify(obj);  
var obj2 = JSON.parse(json);

obj와 obj2가 “동일”하도록합니다.

그러나 알아야 할 몇 가지 제한 사항이 있습니다. 간단한 객체를 다룰 때 이러한 문제는 중요하지 않습니다. 그러나이 도우미 함수를 사용하여 여기에 그중 일부를 설명하겠습니다.

function jsonrepack( obj ) { return JSON.parse(JSON.stringify(obj) ); }

• ownProperties객체를 얻고 프로토 타입을 잃게됩니다.

  var MyClass = function() { this.foo="foo"; } 
  MyClass.prototype = { bar:"bar" }
  
  var o = new MyClass();
  var oo = jsonrepack(o);
  console.log(oo.bar); // undefined
  console.log( oo instanceof MyClass ); // false
  

• 당신은 정체성을 잃을 것입니다 :

  var o = {};
  var oo = jsonrepack(o);
  console.log( o === oo ); // false
  

• 기능은 살아남지 못한다 :

  jsonrepack( { f:function(){} } ); // Returns {}

• 날짜 객체는 문자열로 끝납니다.

  jsonrepack(new Date(1990,2,1)); // Returns '1990-02-01T16:00:00.000Z'

• 정의되지 않은 값은 살아남지 않습니다.

  var v = { x:undefined }
  console.log("x" in v);              // true
  console.log("x" in jsonrepack(v));  // false
  

• toJSON기능 을 제공하는 개체 는 올바르게 작동하지 않을 수 있습니다.

  x = { f:"foo", toJSON:function(){ return "EGAD"; } }
  jsonrepack(x) // Returns 'EGAD'
  

다른 내장 유형에도 문제가 있다고 확신합니다. (이 모든 것은 node.js를 사용하여 테스트되었으므로 환경에 따라 약간 다른 동작이 발생할 수 있습니다).

중요한 경우 JSON.parse및 의 추가 매개 변수를 사용하여 극복 할 수 있습니다 JSON.stringify. 예를 들면 다음과 같습니다.

function MyClass (v) {
   this.date = new Date(v.year,1,1);
   this.name = "an object";
};

MyClass.prototype.dance = function() {console.log("I'm dancing"); }

var o = new MyClass({year:2010});
var s = JSON.stringify(o);

// Smart unpack function
var o2 = JSON.parse( s, function(k,v){
  if(k==="") { 
     var rv = new MyClass(1990,0,0);
     rv.date = v.date;
     rv.name = v.name;
     return rv
  } else if(k==="date") {
    return new Date( Date.parse(v) );
  } else { return v; } } );

console.log(o);             // { date: <Mon Feb 01 2010 ...>, name: 'an object' }
console.log(o.constructor); // [Function: MyClass]
o.dance();                  // I'm dancing

console.log(o2);            // { date: <Mon Feb 01 2010 ...>, name: 'an object' }
console.log(o2.constructor) // [Function: MyClass]        
o2.dance();                 // I'm dancing

답변

1. JSON.parse()
2. JSON.stringify() 

 var myObject = eval('(' + myJSONtext + ')');

var parsed = new Function('return ' + stringifiedJSON )();

var stringifiedJSON = '{"hello":"world"}';
var parsed = new Function('return ' + stringifiedJSON)();
alert(parsed.hello);

var myobj = {};
myobj.name="javascriptisawesome";
myobj.age=25;
myobj.mobile=123456789;
debugger;
var str = JSON.stringify(myobj);
alert(str);
var obj = JSON.parse(str);
alert(obj);