
import mainImg from "@/../public/images/content/articles/2-quick-tips-when-working-with-js-console-output/main.png";
import { Callout } from '@/components/Callout';

<img src={mainImg.src} />

*Originally published on* <a href="https://dev.to/tawn33y/2-quick-tips-when-working-with-js-console-output-4hjo" target="_blank" rel="noopener noreferrer">Dev.to</a>*.*

Here are 2 quick tips you can use when working with the output from the JS console:

## 1) Displaying data
If you are displaying arrays or objects, use `console.table` rather than `console.log`:

```js
// try running this:

console.table([
    { firstName: 'John', lastName: 'Doe', age: 2 },
    { firstName: 'William', lastName: 'Shakespeare', age: 3 },
]);
```

This will display the data in a nice tabular view as shown below:

<img src="/images/content/articles/2-quick-tips-when-working-with-js-console-output/displaying data.png" className="mx-auto" /> 

## 2) Copying data

If you are working with Google Chrome & need to copy data from the console output, instead of manually highlighting & copying the data, you can run this:

```js
const data = [2, 3, 4];
copy(data);
```

<Callout type="note">
The `copy` command is only available on Chrome & not on the node.js env.
</Callout>

---

Have fun coding! 🎉


2 quick tips you can use when working with the output from the JS console.

2 Quick Tips when working with JS console output