2017-06-13 17 views
4

はここJavaScriptのの私のデータ構造のサンプルです:は、辞書のキーが配列に値を追加[JavaScriptを]

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

私は新しい配列(var result = [])にそれぞれ「ユーザー名」を追加することができますどのように?

最終的なデータ構造のサンプルは次のようになります。

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

*

+0

これをループして、usernameを持つ新しい配列を作成します。 – Shubham

答えて

5

使用の要素を反復して配列を生成するためのArray#map方法をありがとうございます。 ES6 arrow function

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

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

 
console.log(res);


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

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

 
console.log(res);

+1

いくつかのES6の良さをもっています: 'const res = list.map(o => o.username)' – SamHH

+0

@SamHH:tahnks ,,,,,更新されたbro ... –

+0

かなりクールです!ありがとうございます* – Julia

1

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.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>

関連する問題