Let's say we have the following code:
const tom = { name: 'Tom', colour: 'blue and white' }
const pib = { name: 'Puss in Boots', colour: 'orange'}
const syl = { name: 'Sylvester', colour: 'blue and white' }
console.log(tom) // { name: 'Tom', colour: 'blue and white' }
console.log(pib) // { name: 'Puss in Boots', colour: 'orange'}
console.log(syl) // { name: 'Sylvester', colour: 'blue and white' }
By using the computed property names in Javascript we can have all the console.log statements combined into just one line.
console.log({ tom, pib, syl }) // {tom: {…}, pib: {…}, syl: {…}}
Quite a useful trick for when you want to console.log
the full context of a piece of code.
Here and here you can find two more articles with tips when using the js console.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.
📖 50 Javascript, React and NextJs Projects
Learn by doing with this FREE ebook! Not sure what to build? Dive in with 50 projects with project briefs and wireframes! Choose from 8 project categories and get started right away.