JSON ayrıştırılmış nesne yazdırılsın mı?

JSON JSON.parseşimdi hata ayıklamak için nesneyi yazdırmak istiyorum (işlevi ile yanlış bir şey oluyor) kullanarak kullanarak JSON ayrıştırılmış olan bir javascript nesne var . Aşağıdakileri yaptığımda ...

for (property in obj) {
    output += property + ': ' + obj[property]+'; ';
}
console.log(output);

Birden çok [object Object] listeliyorum. İçeriği görüntülemek için bunu nasıl yazdıracağımı merak ediyorum?

Çoğu hata ayıklayıcı konsolu, nesnelerin doğrudan görüntülenmesini destekler. Sadece kullan

console.log(obj);

Hata ayıklayıcınıza bağlı olarak, bu büyük olasılıkla konsoldaki nesneyi daraltılmış bir ağaç olarak görüntüler. Ağacı açabilir ve nesneyi inceleyebilirsiniz.

JSON'un ne anlama geldiğini biliyor musunuz? JavaScript Nesne Gösterimi . Nesneler için oldukça iyi bir format oluşturur.

JSON.stringify(obj) size nesnenin dize olarak temsilini verir.

console.dir()yerine deneconsole.log()

console.dir(obj);

MDN diyor ki console.dir():

• FF8 +
• IE9 +
• Opera
• Krom
• Safari

Girintili güzel, çok satırlı bir JSON istiyorsanız JSON.stringify, 3. bağımsız değişkeniyle kullanabilirsiniz:

JSON.stringify(value[, replacer[, space]])

Örneğin:

var obj = {a:1,b:2,c:{d:3, e:4}};

JSON.stringify(obj, null, "    ");

veya

JSON.stringify(obj, null, 4);

size aşağıdaki sonucu verecektir:

"{
    "a": 1,
    "b": 2,
    "c": {
        "d": 3,
        "e": 4
    }
}"

Bir tarayıcıda console.log(obj)daha iyi iş yapar, ancak bir kabuk konsolunda (node.js) işe yaramaz.

Ayrıştırılmış nesne yazdırmak için sadece yazın

console.log( JSON.stringify(data, null, " ") );

ve çıktı çok net alacak

Dize biçimlerini kullanın;

console.log("%s %O", "My Object", obj);

Chrome'da aşağıdakilere sahip Format Specifier'lar bulunur ;

• %s Değeri dize olarak biçimlendirir.
• %dveya %iDeğeri bir tamsayı olarak biçimlendirir.
• %f Değeri kayan nokta değeri olarak biçimlendirir.
• %o Değeri genişletilebilir bir DOM öğesi olarak biçimlendirir (Elements panelinde olduğu gibi).
• %O Değeri, genişletilebilir bir JavaScript nesnesi olarak biçimlendirir.
• %c Çıkış dizesini sağladığınız CSS stillerine göre biçimlendirir.

Firefox'un da benzer seçeneklere sahip String Substitions'ı var.

• %oBir JavaScript nesnesine köprü gönderir. Bağlantı tıklandığında bir denetçi açılır.
• %dveya %iBir tamsayı çıkarır. Biçimlendirme henüz desteklenmiyor.
• %s Bir dize çıktılar.
• %fKayan nokta değeri verir. Biçimlendirme henüz desteklenmiyor.

Safari'de printf tarzı formatlayıcılar var

• %dveya %iTamsayı
• %[0.N]f N basamaklı hassaslık ile kayan nokta değeri
• %o Nesne
• %s sicim

Güzel ve basit:

console.log("object: %O", obj)

Sadece kullan

console.info("CONSOLE LOG : ")
console.log(response);
console.info("CONSOLE DIR : ")
console.dir(response);

ve bunu krom konsolunda alacaksınız:

CONSOLE LOG : 
facebookSDK_JS.html:56 Object {name: "Diego Matos", id: "10155988777540434"}
facebookSDK_JS.html:57 CONSOLE DIR : 
facebookSDK_JS.html:58 Objectid: "10155988777540434"name: "Diego Matos"__proto__: Object

Bir nesnenin veya dizinin içeriğini uyarmak için basit işlev.
Bu işlevi bir dizi veya dize veya içeriği uyaran bir nesne ile çağırın.

fonksiyon

function print_r(printthis, returnoutput) {
    var output = '';

    if($.isArray(printthis) || typeof(printthis) == 'object') {
        for(var i in printthis) {
            output += i + ' : ' + print_r(printthis[i], true) + '\n';
        }
    }else {
        output += printthis;
    }
    if(returnoutput && returnoutput == true) {
        return output;
    }else {
        alert(output);
    }
}

kullanım

var data = [1, 2, 3, 4];
print_r(data);

Aşağıdaki kod, uyarı kutusunda tam json verilerini görüntüleyecektir

var data= '{"employees":[' +
'{"firstName":"John","lastName":"Doe" },' +
'{"firstName":"Anna","lastName":"Smith" },' +
'{"firstName":"Peter","lastName":"Jones" }]}';

json = JSON.parse(data);
window.alert(JSON.stringify(json));

Hata ayıklamak istiyorsanız neden konsol hata ayıklamasını kullanmıyorsunuz?

window.console.debug(jsonObject);

Bir sunucuda js üzerinde çalışıyorsanız, sadece biraz daha jimnastik uzun bir yol kat ediyor ... İşte benim ppos (sunucuda güzel baskı):

ppos = (object, space = 2) => JSON.stringify(object, null, space).split('\n').forEach(s => console.log(s));

hangi sunucu kodu yazarken gerçekten okuyabileceğim bir şey yaratmak bir patlama iş yapar.

Ben resmen asla yapıldı bilmiyorum, ama benim kendi ekledik jsonyöntemi ile consoledaha kolay baskı dizgelenmiş günlükleri nesne:

Javascript Nesneleri (ilkel olmayan) gözlemlemek kuantum mekaniği gibi biraz ... ne "ölçmek" zaten değişmiş gerçek durum olmayabilir.

console.json = console.json || function(argument){
    for(var arg=0; arg < arguments.length; ++arg)
        console.log(  JSON.stringify(arguments[arg], null, 4)  )
}

// use example
console.json(   [1,'a', null, {a:1}], {a:[1,2]}    )

Çoğu zaman bir nesnenin dize edilmiş bir sürümünü görüntülemek gerekir, çünkü onu olduğu gibi yazdırmak (ham Nesne), program ilerledikçe mutasyona uğrayan nesnenin "canlı" bir sürümünü basar ve nesnenin durumunu yansıtmaz kaydedilen zaman noktasında, örneğin:

var foo = {a:1, b:[1,2,3]}

// lets peek under the hood
console.log(foo) 

// program keeps doing things which affect the observed object
foo.a = 2
foo.b = null