
import mainImg from "@/../public/images/content/writings/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/writings/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