配列の入れ子を削除する方法

Question

var people = [
  {
    name: 'たかし',
    favorite: 'りんご'
  },{
    name: 'よしこ',
    favorite: 'みかん'
  },{
    name: 'チャップマン',
    favorite: ['りんご', 'バナナ']
  }
]

という連想配列から favorite を抜き出して、新たな配列を作成しようとしています。
単純に favorite をkeyにして抽出をしたところ、

var favorites = ['りんご', 'みかん', ['りんご', 'バナナ']]

という入れ子の配列ができてしまいました。

この入れ子を削除、さらに重複を削除して

var favorites = ['りんご', 'みかん', 'バナナ']

とする方法をご教授頂けませんでしょうか。

連想配列からの抽出は下記のコードで行いました。

var favorite = [];
for(key in people) {
  favorite.push(people[key].favorite)
}

宜しくお願い致します。

Answer 1

pushではなくconcatで連結すると、値が配列だったとき展開したものが連結されます。
https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/concat

filterを使ったテクニックで、重複を除外可能です。
https://qiita.com/waka-ka/items/694866bd1a6a90289c33

組み合わせると、こうなります。

var favorite = [];
for(key in people) {
  favorite = favorite.concat(people[key].favorite);
}
favorite = favorite.filter((data, index, array) => {
  return array.indexOf(data) === index;
});

Comments

[ukotsu]

早速のご回答ありがとうございます。
お教えいただいたコードで無事実現することができました。
感謝です。