Making a list of members from an array of objects

Question

Making a list of members from an array of objects

Let's say I have a collection of items structured like this:

var itemList = [
    { date: '22/9/2016', status: 1, id: '11111' },
    { date: '23/9/2016', status: 1, id: '22222' },
    { date: '24/9/2016', status: 1, id: '33333' }
];

My goal is to generate a list consisting of the IDs from all the elements in the above array, resulting in:

var idList = ['11111', '22222', '33333'];

One option would be to manually loop through the itemList and construct the idList. However, I'm curious if there is another way to accomplish this using native JS, angularJS, or a different library.

Although iterating over the list manually isn't too burdensome, I want to make sure I'm not overlooking any built-in functionality in JS / angularJS that could automate this task for me.

javascript angularjs

Answer 1

Answer №1

To achieve this, you can utilize the power of Array map

let data = [
    { date: '22/9/2016', status: 1, id: '11111' },
    { date: '23/9/2016', status: 1, id: '22222' },
    { date: '24/9/2016', status: 1, id: '33333' }
];
let ids = data.map(entry => entry.id );
console.log(ids);

Answer 2

To achieve this, you can utilize the power of Array map

let data = [
    { date: '22/9/2016', status: 1, id: '11111' },
    { date: '23/9/2016', status: 1, id: '22222' },
    { date: '24/9/2016', status: 1, id: '33333' }
];
let ids = data.map(entry => entry.id );
console.log(ids);

Answer 3

Answer №2

Try this

var elements = array.map(function(element) { return element.id});

This code should do the trick.

Answer 4

Try this

var elements = array.map(function(element) { return element.id});

This code should do the trick.

Making a list of members from an array of objects

Answer №1

Answer №2

Similar questions

Resolving the Issue of Jerky Graphics During HTML5 Canvas Animation

Instructions on how to delete a specific tag from a table using its ID

Deploy a web application using JavaScript and HTML to Heroku platform

What is the reason for hasChildNodes returning true when dealing with an Empty Node?

Tips for managing this JavaScript JSON array

What causes the lack of sorting ability in AJAX responses?

Switch up div content - advertisements at the top or bottom

The data type 'StaticImageData' cannot be converted to type 'string'

Leveraging an external React library to utilize .ogg files for audio playback specifically in the Safari

Sending input values from textboxes to the Controller

A web application using JavaScript and Node.js with a focus on creating a REST

Could anyone clarify the reason behind the success of one function while the failure of the other?

In Three.js, FBX bones exhibit smooth rotation, but GLTF bones display strange rotation behavior

The Google Chart is failing to show up on the screen

Learn how to display a tooltip for every individual point on a Highcharts network graph within an Angular

Why isn't the VueJS component loading state getting updated after Canceling an Axios network request?

Issue with v-model not updating data correctly when using switch and select dropdown in VueJS

Utilize HTML strings to serve static files in express.js

Jstree's select_node function is failing to trigger

Can a component be triggered using ng-click in Angular?