Przeszukuję obiekt jak {'foo': 'bar'}
Jak mogę zmienić ciąg z powrotem w obiekt?
Przeszukuję obiekt jak {'foo': 'bar'}
Jak mogę zmienić ciąg z powrotem w obiekt?
Odpowiedzi:
Musisz do JSON.parse()
łańcucha.
var str = '{"hello":"world"}';
try {
var obj = JSON.parse(str); // this is how you parse a string into JSON
document.body.innerHTML += obj.hello;
} catch (ex) {
console.error(ex);
}
JSON.parse
jest przeciwieństwem JSON.stringify
.
JSON.stringify
i JSON.parse
są prawie przeciwieństwami, i „zwykle” tego rodzaju rzeczy będą działać:
var obj = ...;
var json = JSON.stringify(obj);
var obj2 = JSON.parse(json);
więc obj i obj2 są „takie same”.
Istnieją jednak pewne ograniczenia, o których należy pamiętać. Często te problemy nie mają znaczenia, gdy masz do czynienia z prostymi przedmiotami. Ale zilustruję tutaj niektóre z nich, korzystając z tej funkcji pomocnika:
function jsonrepack( obj ) { return JSON.parse(JSON.stringify(obj) ); }
Dostaniesz tylko ownProperties
przedmiot i stracisz prototypy:
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
Stracisz tożsamość:
var o = {};
var oo = jsonrepack(o);
console.log( o === oo ); // false
Funkcje nie przetrwają:
jsonrepack( { f:function(){} } ); // Returns {}
Obiekty daty kończą się jako ciągi:
jsonrepack(new Date(1990,2,1)); // Returns '1990-02-01T16:00:00.000Z'
Nieokreślone wartości nie przetrwają:
var v = { x:undefined }
console.log("x" in v); // true
console.log("x" in jsonrepack(v)); // false
Obiekty zapewniające toJSON
funkcję mogą nie działać poprawnie.
x = { f:"foo", toJSON:function(){ return "EGAD"; } }
jsonrepack(x) // Returns 'EGAD'
Jestem pewien, że występują również problemy z innymi wbudowanymi typami. (Wszystko to zostało przetestowane przy użyciu node.js, więc możesz uzyskać nieco inne zachowanie w zależności od środowiska).
Kiedy ma to znaczenie, czasami można go pokonać, stosując dodatkowe parametry JSON.parse
i JSON.stringify
. Na przykład:
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
JSON SPEC
{ bar:"bar" }
(z twojego prototypu) nie jest uważany za prawidłowy Json, ponieważ foo
jest zmienną, a nie łańcuchem. Prawidłowy Json musi key
być string
.
JSON.parse
. Ostrzegam tylko, że istnieje wiele przypadków, które nie będą poprawnie obsługiwane. Jeśli używasz czystych prymitywnych danych (bez klas, prototypów) i tylko typy danych obsługiwane przez JSON (bez dat, XML, HTML itp.), To nic ci nie jest.
X = { foo:"bar" }
jest taki sam, X = { "foo":"bar" }
który jest taki sam jak X = {}; X.foo = "bar"
który jest taki sam jak X={}; X["foo"] = "bar"
Obiekt wynikowy jest identyczny we wszystkich 4 przypadkach. Nie ma to znaczenia dla ważności wygenerowanego JSON.
http://jsbin.com/tidob/1/edit?js,console,output
Natywny obiekt JSON obejmuje dwie kluczowe metody.
1. JSON.parse()
2. JSON.stringify()
JSON.parse()
Metoda analizuje ciąg JSON - czyli odtworzenie oryginalnego obiektu JavaScript
var jsObject = JSON.parse(jsonString);
Metoda JSON.stringify () akceptuje obiekt JavaScript i zwraca jego odpowiednik JSON.
var jsonString = JSON.stringify(jsObject);
Zalecane jest użycie JSON.parse
Istnieje alternatywa, którą możesz zrobić:
var myObject = eval('(' + myJSONtext + ')');
Dlaczego używanie funkcji eval JavaScript jest złym pomysłem?
Co powiesz na to
var parsed = new Function('return ' + stringifiedJSON )();
Jest to bezpieczniejsza alternatywa dla eval
.
Spójrz na to.
http://jsfiddle.net/LD55x/
Kod:
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);
$("#save").click(function () {
debugger
var xx = [];
var dd = { "firstname": "", "lastname": "", "address": "" };
var otable1 = $("#table1").dataTable().fnGetData();
for (var i = 0; i < otable1.length; i++) {
dd.firstname = otable1[i][0];
dd.lastname = otable1[i][1];
dd.address = otable1[i][2];
xx.push(dd);
var dd = { "firstname": "", "lastname": "", "address": "" };
}
JSON.stringify(alert(xx));
$.ajax({
url: '../Home/save',
type: 'POST',
data: JSON.stringify({ u: xx }),
contentType: 'application/json;',
dataType: 'json',
success: function (event) {
alert(event);
$("#table2").dataTable().fnDraw();
location.reload();
}
});
});
{foo: 'bar'}
nie jest prawidłowym JSON (podczas gdy jest to prawidłowe wyrażenie javascript).