Here is a sample of my data structure in JavaScript:

var list = [{"username":"admin1"}, {"username":"admin2"}, {"username":"admin3"}, 
{"username":"admin4"}, {"username":"admin5"}];

How can I add each "username" to a new array (var result = [])?

A sample of the final data structure would be:

var result = ["admin1", "admin2", "admin3", "admin4", "admin5"];

Thank you *

Here is a sample of my data structure in JavaScript:

var list = [{"username":"admin1"}, {"username":"admin2"}, {"username":"admin3"}, 
{"username":"admin4"}, {"username":"admin5"}];

How can I add each "username" to a new array (var result = [])?

A sample of the final data structure would be:

var result = ["admin1", "admin2", "admin3", "admin4", "admin5"];

Thank you *

• javascript
• angularjs
• arrays
• dictionary

• Loop it and create an new array having username. – Shubham Commented Jun 13, 2017 at 10:45

2 Answers 2

Use Array#map method to generate an array by iterating over the elements.

var list = [{"username":"admin1"}, {"username":"admin2"}, {"username":"admin3"}, 
{"username":"admin4"}, {"username":"admin5"}];

var res = list.map(function(o) {
  return o.username
});

console.log(res);

With ES6 arrow function:

var list = [{"username":"admin1"}, {"username":"admin2"}, {"username":"admin3"}, 
{"username":"admin4"}, {"username":"admin5"}];

let res = list.map(o => o.username);

console.log(res);

var list = [{"username":"admin1"}, {"username":"admin2"}, {"username":"admin3"}, 
{"username":"admin4"}, {"username":"admin5"}];
var array=[];

 for (var key in list) {
    let value = list[key];
    console.log(value.username);
    array.push(value.username);
}

<script src="https://ajax.googleapis./ajax/libs/jquery/1.11.1/jquery.min.js"></script>