| Log a variable |
console.log(myVar); |
| Check variable type |
console.log(typeof myVar); |
| Log with label |
console.log('user:', user); |
| Pretty-print object |
console.dir(obj); |
| Pause execution (DevTools) |
debugger; |
| Trace call stack |
console.trace(); |
| Check if variable is undefined |
console.log(myVar === undefined); |
| Check for null or undefined |
console.log(myVar ?? 'fallback'); |
| Check for falsy values |
if (!myVar) console.log('Falsy!'); |
| See all keys in object |
console.log(Object.keys(obj)); |
| See all values in object |
console.log(Object.values(obj)); |
| Log time taken |
console.time('label'); /* code */ console.timeEnd('label'); |
| Group logs |
console.group('info'); /* logs */ console.groupEnd(); |
| Catch and log error |
try { /* code */ } catch (e) { console.error(e); } |
| Log DOM element |
console.log(document.querySelector('#id')); |
| Check if array includes value |
console.log(arr.includes(value)); |
| Log event target |
element.addEventListener('click', e => console.log(e.target)); |
