【Underscore】[配列の中から指定したキーだけを取得したい]

Question

var status =
[
  {id:1, name: 'A', age: 1},
  {id:1, name: 'A', age: 2},
  {id:1, name: 'A', age: 3},
  {id:2, name: 'B', age: 4},
  {id:2, name: 'B', age: 5},
  {id:2, name: 'B', age: 4},
  {id:3, name: 'C', age: 6},
];

【やりたい事】
statusという配列の中からidとnameを取得したい
statusの中からageを削除するという事はしない

【理想の結果】

{id:1, name: 'A'},
{id:1, name: 'A'},
{id:1, name: 'A'},
{id:2, name: 'B'},
{id:2, name: 'B'},
{id:2, name: 'B'},
{id:3, name: 'C'},

【試してみた事】
_.pluck(status, 'id', 'name') => idしか取得できない
_.pick(status, 'name', 'age') => 何も取得できない

Answer 1

statusという変数名は下記のJSのメソッド名と同じなので別の変数名にします。
（グローバル変数でのstatusという定義は、JSではwindow.statusと同義なので）

http://javascriptist.net/ref/window.status.html

元々のオブジェクトが、配列と連想配列を組み合わせたものです。
今回のケースだと、配列の中にある連想配列から、特定のキーだけをピックアップした、新しい配列を作る必要があります。
そこで、mapとpickを併用します。

配列から新しい配列を作る→map
連想配列から特定のキーのものを抽出する→pick

var st = [
  {id:1, name: 'A', age: 1},
  {id:1, name: 'A', age: 2},
  {id:1, name: 'A', age: 3},
  {id:2, name: 'B', age: 4},
  {id:2, name: 'B', age: 5},
  {id:2, name: 'B', age: 4},
  {id:3, name: 'C', age: 6},
];

var test = _.map(st, function(item, index){
  return _.pick(item, 'id', 'name');
});

console.log(test);

Comments

[star24star]

有難うございます！！