ES6でJSONデータをフィルタする方法

Question

私はES6を初めて使用しているので、正しい方法でこれを行うかどうかはわかりません。

私は投稿のJSONオブジェクトを持っています。

{ 
    "title": "title one", 
    "category": ["dogs","cats","pets"] 
}, 
{ 
    "title": "title two", 
    "category": ["gold fish", "pets"] 
} 

私は

["dogs","cats","gold fish", "pets"] 

Answer 1

カテゴリのすべての項目を減らし、一意の値にセットを使用できます。次に、セットの配列をレンダリングします。使用

方法：連結アレイの

• Array#concat、1つのアレイ内のすべてのカテゴリを取得するための
• Array#reduce、一意の値について
• Set、
• spread syntax ...バック新しい配列を取得するため。

var array = [{ title: "title one", category: ["dogs", "cats", "pets"] }, { title: "title two", category: ["gold fish", "pets"] }], 
 
    categories = [...new Set(array.reduce((r, a) => r.concat(a.category), []))]; 
 

 
console.log(categories);

Answer 2

使用Array.prototype.mapポストからすべてのカテゴリが各ポストの上にマッピングし、各カテゴリを取得するために取得したいと思います。

let categories = posts.map((p) => p.category) 

これは、あなたがそれらのオブジェクトの両方のcategoryプロパティで"pets"を持っているので、あなたは、値を複製し得る可能性があります。重複するインスタンスを除外するには、Array.prototype.filterを使用します。

Answer 3

これはJSONオブジェクトの配列であると仮定すると：プロジェクトするためにマップ（）関数を使用することができ

var myArray = [{ 
 
    "title": "title one", 
 
    "category": ["dogs", "cats", "pets"] 
 
    }, 
 
    { 
 
    "title": "title two", 
 
    "category": ["gold fish", "pets"] 
 
    } 
 
]; 
 

 
var newArray = myArray.map(function(x) { 
 
    return x.category; 
 
}); 
 

 
alert(newArray);

あなたが必要とするもの、あなたの場合のタイトル：

Answer 4

あなたがmap()方法とSetと拡散構文...

var data = [{"title":"title one","category":["dogs","cats","pets"]},{"title":"title two","category":["gold fish","pets"]}] 
 

 
var result = [...new Set([].concat(...data.map(e => e.category)))] 
 
console.log(result)