Last active
May 4, 2022 08:08
-
-
Save Harshmakadia/fc25e56cb8f49145f4c9b3528f04215f to your computer and use it in GitHub Desktop.
Mastering JS console like a Pro [ Link to Article - https://medium.com/javascript-in-plain-english/mastering-js-console-log-like-a-pro-1c634e6393f9 ]
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
// time and time end | |
console.time("This"); | |
let total = 0; | |
for (let j = 0; j < 10000; j++) { | |
total += j | |
} | |
console.log("Result", total); | |
console.timeEnd("This"); | |
// Memory | |
console.memory() | |
// Assertion | |
const errorMsg = 'Hey! The number is not even'; | |
for (let number = 2; number <= 5; number += 1) { | |
console.assert(number % 2 === 0, {number: number, errorMsg: errorMsg}); | |
} | |
// Count | |
for (let i = 0; i < 11; i++) { | |
console.count(); | |
} | |
// group & groupEnd | |
console.group(); | |
console.log('Test message'); | |
console.group(); | |
console.log('Another message'); | |
console.log('Something else'); | |
console.groupEnd(); | |
console.groupEnd(); | |
// Table | |
const items = [ | |
{ | |
name: "chair", | |
inventory: 5, | |
unitPrice: 45.99 | |
}, | |
{ | |
name: "table", | |
inventory: 10, | |
unitPrice: 123.75 | |
}, | |
{ | |
name: "sofa", | |
inventory: 2, | |
unitPrice: 399.50 | |
} | |
]; | |
console.table(items) | |
// Clear | |
console.clear() | |
// HTML Element | |
let element = document.getElementsByTagName("BODY")[0]; | |
console.log(element) | |
// Dir | |
const userInfo = {"name":"John Miller", "id":2522, "theme":"dark"} | |
console.dir(userInfo); | |
// Color | |
console.log('%cColor of the text is green plus small font size', 'color: green; font-size: x-small'); | |
// pass object, variable | |
const userDetails = {"name":"John Miller", "id":2522, "theme":"dark"} | |
console.log("Hey %s, here is your details %o in form of object", "John", userDetails); | |
// Default | |
console.log('console.log'); | |
console.info('console.info'); | |
console.debug('console.debug'); | |
console.warn('console.warn'); | |
console.error('console.error'); |
Thank you!!!!!
Awesome
Amazing! Thanks.
Really nice collection you got here. Thanks.
I think you made a type on line 11. console.memory
is not a function.
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Thanks @mforgaian 😄
@JhonStark - I've added the link to my article in the title above as I cannot add readMe file here since this is a gist.