What is the best way to convert an array of strings into an array of objects?

Question

Let's say I have an array of emails:

['[email protected]', '[email protected]', '[email protected]']

I need to convert it into an array of objects that looks like this:

[
    {
        id: '[email protected]',
        invite_type: 'EMAIL'
    },
    {
        id: '[email protected]',
        invite_type: 'EMAIL'
    },
    {
        id: '[email protected]',
        invite_type: 'EMAIL'
    }
]

In order to do that, I have written the following code:

$scope.invites = [];

$.each($scope.members, function (index, value) {
    let inviteMember = {
        'id': value,
        invite_type: 'EMAIL'
    }

    $scope.invites.push(inviteMember);
});

Is there any better way of doing this?

Dmytro Shevchenko · Accepted Answer · 2016-08-03 09:31:33Z

3

Since you're already using jQuery, you can use jQuery.map() like this:

var originalArray = ['[email protected]', '[email protected]', '[email protected]']

var newArray = jQuery.map(originalArray, function(email) {
    return {
        id: email,
        invite_type:'EMAIL'
    };
});

jQuery.map() translates all items in a given array into a new array of items. The function I am passing to jQuery.map() is called for every element of the original array and returns a new element that is written to the final array.

There is also the native Array.prototype.map() which is not supported in IE8. If you're not targeting IE8 or if you use a polyfill, then you can use the native .map():

var newArray = originalArray.map(function(email) {
    return {
        id: email,
        invite_type:'EMAIL'
    };
});

edited Aug 3, 2016 at 9:31

answered Aug 3, 2016 at 9:13

Dmytro Shevchenko

34.9k6 gold badges56 silver badges68 bronze badges

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

7 Comments

Vikas Bansal Over a year ago

please provide some details/comments. So, that people may what is the meaning of this code

gavgrif Over a year ago

@VikasBansal - please provide an answer yourself rather than simply posting the same comment to all asnwers provided. Whilst it is advisable for posters to provide rationale for their suggested answers, it is infinitely more annoying to see the same comment posted to all answers. I personally liked this answer as soon as it was posted and upvoted it as a simple elegant option to the OP's problem. - oops didn't realise that you are the OP - apologies for that but my comment still stands - a single comment is appropriate - repeating it multiple times is not

evolutionxbox Over a year ago

Why use jquery's map over native map?

Dmytro Shevchenko Over a year ago

@evolutionxbox yes

evolutionxbox Over a year ago

array.map is not part of es6, but es5... ecma-international.org/ecma-262/5.1/#sec-15.4.4.19

|

georg · Accepted Answer · 2016-08-03 09:13:05Z

1

This pattern

targetArray = []
sourceArray.forEach(function(item) {
    let x = do something with item
    targetArray.push(x)
})

can be expressed more concisely with map:

targetArray = sourceArray.map(function(item) {
    let x = do something with item
    return x
})

in your case:

$scope.invites = $scope.members.map(function(value) {
     return {
          id: value,
          invite_type: 'EMAIL'
      }
});

answered Aug 3, 2016 at 9:13

georg

216k57 gold badges324 silver badges401 bronze badges

Collectives™ on Stack Overflow

What is the best way to convert an array of strings into an array of objects?

2 Answers 2

7 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

7 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related