How to convert JavaScript array of objects into an array?

Question

I need to convert the array of objects into an array of a key present in the object. The desired output should be an [array of username].

[  
   {  
      "UserID":"66e7ba60-9ad2-41a1-83f2-f8cf97afb97d",
      "UserName":"Karthik Kumar",
      "UserEmail":"karthikbuyer@365media.in",
      "UserType":"2"
   },
   {  
      "UserID":"292716bd-5386-4371-8ef9-e8ebbebb432f",
      "UserName":"karthik kumar",
      "UserEmail":"karthikvendor@365media.in",
      "UserType":"3"
   },
   {  
      "UserID":"d23eb3e0-1bcd-429f-9268-6cdd95772b08",
      "UserName":"karthikeyan rajendran",
      "UserEmail":"kartik1235@gmail.com",
      "UserType":"3"
   }
]

i want the output to be [karthik kumar, karthikeyan rajendran] — karty, Jan 05 '18 at 06:02
@karty—the code in the OP is an array literal with elements that are objects (it even says "*…convert the array of object*"). If that's not correct, fix the OP. — RobG, Jan 05 '18 at 06:03
@karty did you try it yourself before posting it on stackoverflow? — Ravindra Thorat, Jan 05 '18 at 06:05

score 1 · Answer 1 · answered Jan 05 '18 at 06:00

1

You can use the map function.

array.map(x => x.UserName)

answered Jan 05 '18 at 06:00

Kraylog

7,383
1
24
35

its not an array. its an object. – karty Jan 05 '18 at 06:02
1

No, it's an array of objects, and it is converted to an array of strings. – Kraylog Jan 05 '18 at 06:05

score 1 · Answer 2 · edited Jan 05 '18 at 07:31

1

Use map function: Map reference

In this case:

var arr = [  
   {  
      "UserID":"66e7ba60-9ad2-41a1-83f2-f8cf97afb97d",
      "UserName":"Karthik Kumar",
      "UserEmail":"karthikbuyer@365media.in",
      "UserType":"2"
   },
   {  
      "UserID":"292716bd-5386-4371-8ef9-e8ebbebb432f",
      "UserName":"karthik kumar",
      "UserEmail":"karthikvendor@365media.in",
      "UserType":"3"
   },
   {  
      "UserID":"d23eb3e0-1bcd-429f-9268-6cdd95772b08",
      "UserName":"karthikeyan rajendran",
      "UserEmail":"kartik1235@gmail.com",
      "UserType":"3"
   }
]

var value = arr.map(function (element) {
    return element.UserName;
});

edited Jan 05 '18 at 07:31

Vishant dhandha

495
7
19

answered Jan 05 '18 at 06:01

Javasamurai

666
7
21

its not an array. its an object. – karty Jan 05 '18 at 06:03
It's an array of objects. @karty. – Javasamurai Jan 05 '18 at 07:08

score 0 · Accepted Answer · answered Jan 05 '18 at 06:03

Please check this updated code where it converts usernames in to array values

var myarray = [  
   {  
      "UserID":"66e7ba60-9ad2-41a1-83f2-f8cf97afb97d",
      "UserName":"Karthik Kumar",
      "UserEmail":"karthikbuyer@365media.in",
      "UserType":"2"
   },
   {  
      "UserID":"292716bd-5386-4371-8ef9-e8ebbebb432f",
      "UserName":"karthik kumar",
      "UserEmail":"karthikvendor@365media.in",
      "UserType":"3"
   },
   {  
      "UserID":"d23eb3e0-1bcd-429f-9268-6cdd95772b08",
      "UserName":"karthikeyan rajendran",
      "UserEmail":"kartik1235@gmail.com",
      "UserType":"3"
   }
]

var value = myarray.map(x => x.UserName)

console.log(value);

How to convert JavaScript array of objects into an array?

3 Answers3