Get Key Value from JavaScript Object

We will understand how to get key value from JavaScript Object in this article.

We will know how to get a key, how to get a value and how to get a key-value pair from JavaScript Object.

Getting a key from a JavaScript Object

There are various methods used to get a key from JavaScript Object which are as follows:

• Utilizing the for-in loop
• Utilizing the find Method()
• Utilizing filter() Method and Object keys() Method
• Utilizing Object.entries() and reduce() Method
• Utilizing Lodash _.findKey() Method

We will understand each method properly one by one.

Utilizing the for-in loop

We can utilize the for-in loop to get a key from the JavaScript Object with the help of given code.

Code:

Output:

We can witness that we have got a key whose value is 50 by utilizing the for-in loop.

Utilizing a find Method()

The Object.keys() is utilized to give all keys of JavaScript object. We can utilize the find Method() to get a key with the help of given code..

Code:

Output:

Here, in the output, we can witness that we have got a key whose value is JavaScript by utilizing the find Method().

Utilizing filter() Method and Object keys() Method

We can utilize the filter() method and Object.keys() method to get a key with the help of the given code.

Code:

Output:

Here in the output we can witness that by utilizing the filter() method and Object keys() method we have got a key with a value of JTP.

Utilizing Object.entries() and reduce() Method

The following code shows how to utilize the Object.entries() method and the reduce() method to get a key.

Code:

Output:

Here is the output in which we can witness that the key whose value is 86 is found by utilizing the Object.entries() method and reduce() method.

Utilizing Lodash _.findKey() Method

We will utilize the _.findkey() method to get a key with the help of the following code.

Code:

Output:

Here in the output we can witness that a key with the value of 45000 is found by utilizing the _.findkey() method.

Getting a value from a JavaScript Object

There is a method called Object.values() method that we can use to get a value from the JavaScript Object.

Object.values() method

We can utilize the Object.values() method to get a value.

Demo-1:

We will get the value of object "students" utilizing the Object.values() method.

Code:

Output:

We can clearly witness all values of the JavaScript Object called "students" in the form of an array.

Demo-2:

We will get the value of object "products" utilizing the Object.values() method.

Code:

Output:

We can witness all values of the JavaScript Object called "products" in the form of an array.

Getting a key-value pair from the JavaScript Object

There is a method called Object.entries() that we can use to get a key-value pair from the JavaScript Object.

Object.entries() method

We can utilize the Object.entries() method to get a key-value pair.

Demo-1:

We will get the key-value pair of "employees" utilizing the Object.entries() method.

Code:

Output:

We can clearly witness the key-value pair of the JavaScript object called "employees" in the form of an array.

Demo-2:

We will get the key-value pair of dayColours utilizing the Object.entries() method.

Code:

Output:

We can clearly witness the key-value pair of the JavaScript object called "dayColours" in the form of an array.

Conclusion:

We have understood how to get key value from JavaScript Object in this article. Following are some points to remember:

• We can get a key from the JavaScript object utilizing the following methods:
  • for-in loop
  • find Method()
  • filter() Method and Object keys() Method
  • entries() and reduce() Method
  • Lodash _.findKey() Method
• We can get a value from the JavaScript object utilizing the following method:
  • for-in loop
• We can get a key-value pair from the JavaScript object utilizing the following method:
  • entries()