Gunakan console.log () untuk menampilkan array
Bayangkan Anda membangun array berikut
bahasa var = [
{name: "JavaScript", fileextension: ".js"},
{name: "typescript", fileextension: ".ts"},
{name: "CoffeeScript", fileextension: ".coffee"}
];
console.log(languages);console.log () akan menampilkan array dengan cara ini
Format tampilan ini sangat berguna untuk pengembangan, tetapi saya menemukan bahwa agak besar untuk mengklik setiap objek secara manual. Pada saat ini, saya pikir console.table () sedikit menarik.
Gunakan console.table () untuk menampilkan array
Sekarang mari kita coba gunakan console.table ():
Sangat kecil atau tidak?
Tentu saja, Console.table () lebih cocok, terdaftar dengan datar dalam data format tabel, dan menyajikan lebih sempurna. Jika setiap elemen array memiliki struktur yang berbeda, banyak kisi meja Anda tidak ditentukan.
Gunakan console.table () untuk menampilkan objek
Fitur lain dari Console.table () adalah untuk menampilkan objek.
var languages = {csharp: {name: "c#", paradigma: "berorientasi objek"},
fsharp: {name: "f#", paradigma: "fungsional"}
};
console.table(languages);Itu benar -benar benar.
Fungsi penyaringan console.table ()
Jika Anda ingin membatasi konsol.table () untuk menampilkan kolom tertentu, Anda dapat lulus dalam daftar parameter sebagai berikut:
// Beberapa kunci properti
console.table (bahasa, ["nama", "paradigma"]);
Jika Anda ingin mengakses properti, satu parameter sudah cukup.
// A single property keyconsole.table(languages, "name");Dulu saya berpikir saya sudah memahami sebagian besar fungsi alat pengembang chrome, tetapi sekarang saya jelas salah. Jika Anda tidak ada hubungannya, periksa dokumentasi Chrome Devtools!