# Jenis-Jenis Console di JavaScript
Console di JavaScript adalah alat yang sangat penting untuk debugging dan logging informasi selama pengembangan aplikasi. Berikut adalah penjelasan tentang berbagai metode console yang tersedia:
## 1. `console.log()`
Metode paling dasar untuk menampilkan pesan ke konsol.
```javascript
console.log('Pesan biasa'); // Menampilkan pesan standar
```
## 2. `console.error()`
Menampilkan pesan error.
```javascript
console.error('Ini adalah pesan error'); // Biasanya ditampilkan dengan warna merah
```
## 3. `console.warn()`
Menampilkan pesan peringatan.
```javascript
console.warn('Ini adalah peringatan'); // Biasanya ditampilkan dengan warna kuning
```
## 4. `console.info()`
Menampilkan pesan informasi.
```javascript
console.info('Ini adalah informasi'); // Sering mirip dengan console.log
```
## 5. `console.debug()`
Menampilkan pesan debugging (hanya terlihat ketika level debug diaktifkan).
```javascript
console.debug('Pesan debug');
```
## 6. `console.table()`
Menampilkan data dalam format tabel.
```javascript
const users = [
{ name: 'John', age: 25 },
{ name: 'Jane', age: 30 }
];
console.table(users);
```
## 7. `console.group()` dan `console.groupEnd()`
Membuat grup pesan yang dapat dikembangkan/diciutkan.
```javascript
console.group('Group 1');
console.log('Pesan dalam group');
console.groupEnd();
```
## 8. `console.groupCollapsed()`
Membuat grup yang awalnya dalam keadaan collapsed.
```javascript
console.groupCollapsed('Group Collapsed');
console.log('Pesan dalam group collapsed');
console.groupEnd();
```
## 9. `console.time()` dan `console.timeEnd()`
Mengukur waktu eksekusi kode.
```javascript
console.time('Timer');
// Kode yang diukur
console.timeEnd('Timer');
```
## 10. `console.count()`
Menghitung berapa kali suatu kode dijalankan.
```javascript
for(let i = 0; i < 5; i++) {
console.count('Counter');
}
```
## 11. `console.assert()`
Hanya menampilkan pesan jika assertion false.
```javascript
console.assert(1 === 2, '1 tidak sama dengan 2'); // Akan ditampilkan
```
## 12. `console.trace()`
Menampilkan stack trace.
```javascript
function foo() {
console.trace('Trace foo');
}
foo();
```
## 13. `console.clear()`
Membersihkan konsol.
```javascript
console.clear();
```
## 14. `console.dir()`
Menampilkan representasi object dalam format interaktif.
```javascript
console.dir(document.body);
```
## 15. `console.dirxml()`
Menampilkan representasi XML/HTML dari elemen.
```javascript
console.dirxml(document.body);
```
## 16. Styling Console
Anda bisa menambahkan CSS ke output console.
```javascript
console.log('%c Teks berwarna', 'color: red; font-size: 20px;');
```
Setiap metode console ini memiliki kegunaan spesifik dalam debugging dan pengembangan aplikasi JavaScript. Penggunaannya yang tepat dapat sangat membantu dalam proses development.