Skip to content

How to get ids from array of objects in JavaScript | Example code

  • by

Use the map function to get ids from an array of objects in JavaScript. The below code gets all ids from an array of objects.

array.map(s=>s.id)

Get ids from an array of objects in JavaScript

Simple example code.

<!DOCTYPE html>
<html>
<body>

  <script>

   var myArray = [{'id':'101','foo':'bar'},
   {'id':'201','foo':'bar'}];

   var res = myArray.map(s=>s.id);

   console.log(res)
 </script>

</body>
</html> 

Output:

How to get ids from array of objects in JavaScript

Retrieve user id from an array of object

Find ids for the “Vikram” user.

const arr = [
   {"4": "Rahul"},
   {"7": "Vikram"},
   {"6": "Rahul"},
   {"3": "Aakash"},
   {"5": "Vikram"}
   ];
   const name = 'Vikram';
   const findUserId = (arr, name) => {
     const res = [];
     for(let i = 0; i < arr.length; i++){
      const key = Object.keys(arr[i])[0];
      if(arr[i][key] !== name){
       continue;
     };
     res.push(key);
   };
   return res;
 };
console.log(findUserId(arr, name));

Output: [ “7”, “5” ]

How to convert id’s array of objects to a list JavaScript?

Answer: Use map If you want to extract values from a collection of objects.

<script>

   let list = [
   { id: 1 },
   { id: 2 },
   { id: 3 },
   { id: 4 }
   ];

   let data = list.map((obj) => obj.id);
   console.log(data);
</script>

Output: [ 1, 2, 3, 4 ]

Do comment if you have any doubts or suggestions on this JS object topic.

Note: The All JS Examples codes are tested on the Firefox browser and the Chrome browser.

OS: Windows 10

Code: HTML 5 Version

Leave a Reply

Your email address will not be published. Required fields are marked *