how to map an array to another array with different values (angularJs)

Question

Currently I am trying to use an existing array to map it to another array in order to match what the server wants.

for example...

I have an array:

$scope.users = [{
        "firstName": "john",
        "middleName": null,
        "lastName": "doe",
        "registrationNumber": "334"
    },
    {
        "firstName": "paul",
        "middleName": null,
        "lastName": "dean",
        "registrationNumber": "223"
    },
    {
        "firstName": "andrew",
        "middleName": null,
        "lastName": "mac",
        "registrationNumber": "132"
    }
]

however I want it to look like this...

[{
    name: "john doe",
    value: {
        registration: 334,
        last: "doe",
        first: "john"
    }
}]

So what I've been doing is something like this to map it out...but it only gets the first one.

var list = [{
    name: $scope.users[0].firstName + ' ' + $scope.users[0].lastName,
    value: {
        registration: $scope.users[0].registrationNumber,
        first: $scope.users[0].firstName,
        last: $scope.users[0].lastName
    }
}];

I tried to use angular.forEach to get all the list and push it...but hasn't really worked too well yet... any help would be great!

ever heard of Array.map?

juvian
– juvian

2017-07-24 20:50:18 +00:00
Commented Jul 24, 2017 at 20:50 — juvian
– juvian, Commented Jul 24, 2017 at 20:50

Danny Fardy Jhonston Bermúdez · Accepted Answer · 2017-07-24 21:09:43Z

7

A solution could be:

var list = $scope.users.map(function(user) {
    return {
        name: user.firstName + ' ' + user.lastName,
        value: {
            registration: user.registrationNumber,
            first: user.firstName,
            last: user.lastName
        }
    };
});

Explanation

Array.map() iterates over the existing array and returns a new modified one.

So you have to use map on $scope.users and for each user you want to return a new object. In each iteration you have access on each user. The new objects will be stored inside list which will be an array.

edited Jul 24, 2017 at 21:09

Danny Fardy Jhonston Bermúdez

5,5915 gold badges27 silver badges38 bronze badges

answered Jul 24, 2017 at 20:53

Roman

5,2403 gold badges25 silver badges33 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

flyer Over a year ago

And support for Array.map has been around for years now (watch out for < IE10) caniuse.com/#search=map

HQSantos Over a year ago

Is it possible to use .map without creating a new array?

Collectives™ on Stack Overflow

how to map an array to another array with different values (angularJs)

1 Answer 1

Explanation

2 Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Explanation

2 Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related