Console Log JavaScript Objects to See Data Structure [code snippet]

Updated on October 1st, 2020
read

When working with JavaScript objects and arrays it is often tricky to reference the correct index of the data you need. These console functions allow you to visually see the structure so that job is a bit easier.

Contents hide

1 Writes your object as a data table and also dropdown menu
2 Writes your object as a string

Writes your object as a data table and also dropdown menu

console.table($yourObject);

1	console.table($yourObject);

Writes your object as a string

console.log(JSON.stringify($yourObject))

1	console.log(JSON.stringify($yourObject))

Source

Written by: Jacob Lett - Jacob is a HubSpot CMS designer & developer who helps B2B businesses grow their revenue. Unlike his competitors, he focuses on small and consistent website design changes to increase results. He recently created the Industrial HubSpot Theme to help manufacturers quickly build their website on the HubSpot CMS platform. Connect on LinkedIn
Category: Code Snippets
Tags: HTML CSS

Advertise Here

Writes your object as a data table and also dropdown menu

Writes your object as a string

Share this: