javascript - how to map an array to another array with different values (angularJs) - Stack Overflow

admin管理员组

文章数量:1347688

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!

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!

• javascript
• angularjs
• arrays

Share Improve this question Follow edited Jul 25, 2017 at 5:20 Talha Awan 4,61944 gold badges2626 silver badges4040 bronze badges asked Jul 24, 2017 at 20:46 jeremyjeremy 43311 gold badge99 silver badges3131 bronze badges 1

• 2 ever heard of Array.map? – juvian Commented Jul 24, 2017 at 20:50

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 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.

本文标签： javascripthow to map an array to another array with different values (angularJs)Stack Overflow