Получить значения из JSON документа

Question

У меня есть следующие JSON документ,

var data = [ 
    {"id":1, "username":"user1"}, 
    {"id":2, "username":"user2"}, 
    {"id":3, "username":"user3"} 
] 

Как получить все значения с ключом «именем пользователя», без использования какого-либо цикла?

Answer 1

Вы можете сделать это в ES6/5

data.map(function(element) { 
    return element.username; 
}); 

Documentation here

Или без петли

data[0].username 
data[1].username 
... 

Answer 2

data[0][username]; 
data[1][username]; 
data[2][username]; 

Answer 3

Попробуйте это будет работать:

var data = [ 
    {"id":1, "username":"user1"}, 
    {"id":2, "username":"user2"}, 
    {"id":3, "username":"user3"} 
]; 

var propUsername = data.map(function(elem) { 
    return {username:elem.username}; 
}); 

console.log(propUsername); 

Выход:

Работа скрипку:

https://jsfiddle.net/kgpumk4r/

Разница между forloop и map:

• цикл перебирает список и применяет некоторые операции с побочными эффектами для каждого элемента списка (например, сохранение каждого из них в базу данных, например)

• карту перебирает список, преобразует каждый член этого списка, а также возвращает другой список того же размера с трансформированными членами (например, получить одно свойство из каждого объекта)

Таким образом, мы можем предпочесть map над foreach цикла, как выполнение будет быстро с map.