javascript - javascript オブジェクト配列を必要なオブジェクト属性の文字列配列に変換するにはどうすればよいですか?

Question

重複の可能性:
オブジェクトの配列のプロパティへのアクセス

与えられた:

[{
    'id':1,
    'name':'john'
},{
    'id':2,
    'name':'jane'
}........,{
    'id':2000,
    'name':'zack'
}]

取得する最良の方法は何ですか:

['john', 'jane', ...... 'zack']

ループしitem.nameて別の配列にプッシュする必要がありますか、それを行うための簡単な関数はありますか?

Answer 1

オブジェクトの配列が の場合、次のitemsことができます。

var items = [{
  id: 1,
  name: 'john'
}, {
  id: 2,
  name: 'jane'
}, {
  id: 2000,
  name: 'zack'
}];

var names = items.map(function(item) {
  return item['name'];
});

console.log(names);
console.log(items);

ドキュメンテーション：map()

Answer 2

map()JavaScript 配列でネイティブ関数を使用します。

var yourArray = [ {
    'id':1,
    'name':'john'
},{
    'id':2,
    'name':'jane'
}........,{
    'id':2000,
    'name':'zack'
}];

var newArray = yourArray.map( function( el ){ 
                                return el.name; 
                               });

Answer 3

これを行うと、オブジェクトの独自のプロパティのみを監視できます。

var arr = [];

for (var key in p) {
    if (p.hasOwnProperty(key)) {
        arr.push(p[key]);
    }
}

Answer 4

この機能を使用できます：

function createStringArray(arr, prop) {
   var result = [];
   for (var i = 0; i < arr.length; i += 1) {
      result.push(arr[i][prop]);
   }
   return result;
}

オブジェクトの配列と必要なプロパティを渡すだけです。上記のスクリプトは、古い EcmaScript 実装でも機能します。