Pertanyaan Bagaimana saya bisa menampilkan objek JavaScript?


Bagaimana cara menampilkan konten objek JavaScript dalam format string seperti saat kami alert sebuah variabel?

Cara yang sama diformat saya ingin menampilkan objek.


1256
2018-06-05 19:01


asal


Jawaban:


Dengan Firefox

Jika Anda ingin mencetak objek untuk keperluan debugging, saya sarankan untuk menginstal Firebug untuk Firefox dan menggunakan kode:

console.log(obj)

Dengan Chrome

var obj = {prop1: 'prop1Value', prop2: 'prop2Value', child: {childProp1: 'childProp1Value'}}
console.log(obj)

akan ditampilkan

screenshot console chrome

Catatan : kamu harus hanya log objek. Misalnya ini tidak akan berfungsi:

console.log('My object : ' + obj)

750
2018-06-05 19:15



Gunakan asli JSON.stringify metode. Bekerja dengan objek bersarang dan semua browser utama mendukung metode ini.

str = JSON.stringify(obj);
str = JSON.stringify(obj, null, 4); // (Optional) beautiful indented output.
console.log(str); // Logs output to dev tools console.
alert(str); // Displays output using window.alert()

Tautkan ke Referensi API Mozilla dan contoh lainnya.

obj = JSON.parse(str); // Reverses above operation (Just in case if needed.)

Gunakan sebuah kebiasaan JSON.stringify pengganti jika kamu temui kesalahan Javascript ini

"Uncaught TypeError: Converting circular structure to JSON"

1720
2017-11-27 17:52



var output = '';
for (var property in object) {
  output += property + ': ' + object[property]+'; ';
}
alert(output);

367
2018-06-05 19:18



console.dir(object):

Menampilkan daftar interaktif dari properti objek JavaScript yang ditentukan. Daftar ini memungkinkan Anda menggunakan segitiga pengungkapan untuk memeriksa isi objek anak.

Perhatikan bahwa console.dir() fitur tidak standar. Lihat MDN Web Docs


95
2018-06-03 12:43



coba ini :

console.log(JSON.stringify(obj))

Ini akan mencetak versi stringify dari objek. Jadi, bukannya [object] sebagai output Anda akan mendapatkan konten objek.


66
2017-08-12 07:53



Nah, Firefox (terima kasih kepada @Bojangles untuk informasi rinci) telah Object.toSource() metode yang mencetak objek sebagai JSON dan function(){}.

Itu sudah cukup untuk kebanyakan tujuan debugging, saya kira.


64
2018-06-05 19:04



Jika Anda ingin menggunakan peringatan, untuk mencetak objek Anda, Anda dapat melakukan ini:

alert("myObject is " + myObject.toSource());

Ini harus mencetak setiap properti dan nilai yang terkait dalam format string.


51
2017-09-09 07:15