# How to use Computed Property Names in console.log?

# Introduction

If you want to learn about how to use *console.log* as a professional developer then you have to learn *computer property names*.

## Let's Start

Assume that we have 4 different objects and each one is assigned to a variable. How can we log those objects to see what are they?

```javascript
const obj1 = {name: 'Joe', age: 21, happy: true}
const obj2 = {name: 'Jane', age: 20, happy: true}
const obj3 = {name: 'Jona', age: 1, happy: false}
const obj4 = {name: 'Jake', age: 2, happy: true}
```

### Common Way

Of course, the first thing that comes into mind is to use pretty **console.log** :)

```javascript
console.log(obj1);
console.log(obj2);
console.log(obj3);
console.log(obj4);
```

Result;

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660824858747/DXXx-KFzU.png align="left")

As you can see we could log all variables. If I ask you which of those logs represents a variable named **obj2** can you tell me that without looking and remembering the code? ***Of course not!*** Because you don't know that.

### Better Way

But hey look there is a better way called **Computed Property Names** and basically, we put all those variables into an object in **console.log** like as below;

```javascript
console.log({obj1, obj2, obj3, obj4})
```

As a result, we have 1 line of code and 1 log that represents the whole data as below.

![image.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1660825377155/6uWQsb2YL.png align="left")

If I ask you the same question again **Which one of those data represents the variable named obj2?**

Then you tell me the object which has a name attribute as **Jane** is the **obj2** without requiring to check the code.