Javascriptを/ ES6ユニークな要素を見つけて、

Question

たちは奇妙なだけアイテムのタイトルや価値に興味がある販売された商品の虚配列取り配列にそれらを数える：私は私が持つ配列を得ることができます知っている

let items = [ 
    { title: "Trumping the Horns", value: 5.95 }, 
    { title: "Rocking about", value: 20.00 }, 
    { title: "Trumping the Horns", value: 5.95 } 
] 

を

const uniqueSales = [...new Set(items.map(item => item.title))]; 

しかし、たとえば、私が販売した各商品の数、またはそれらの累積額を知りたいとしますか？したがって：

[ 
    { title: "Trumping the Horns", amount: 2 }, 
    { title: "Rocking about", amount: 1 } 
] 

奇妙な並べ替えとその配列の反復処理を行うことなく、それらも同様にマップできますか？一本のライナーを優先します。サーバー側をしない主な理由は、同じデータに対してかなり異なる操作をしていることです。一度送信してクライアントにデータの操作やプレゼンテーションを処理させるのが最も正しいと思われます。

Answer 1

Mapを使用して、結果配列の新しい挿入オブジェクトへの参照を格納できます。あなたが最後にしたい形式を考えると

var items = [{ title: "Trumping the Horns", value: 5.95 }, { title: "Rocking about", value: 20.00 }, { title: "Trumping the Horns", value: 5.95 }], 
 
    result = items.reduce(
 
     (map => (r, a) => (!map.has(a.title) && map.set(a.title, r[r.push({ title: a.title, amount: 0 }) - 1]), map.get(a.title).amount++, r))(new Map), 
 
     [] 
 
    ); 
 

 
console.log(result)

Answer 2

あなたのアイテムを格納するための配列ではなくマップを使用します。マップのキーはアイテムのタイトルで、値は売り上げアイテムの数量でなければなりません。マップに新しい項目を追加する前に、そのキーがすでに存在するかどうかを確認し、存在する場合は増やし、そうでない場合は新しいキー値ペアをマップに追加する必要があります。

Answer 3

let items = [{ 
 
    title: "Trumping the Horns", 
 
    value: 5.95 
 
    }, 
 
    { 
 
    title: "Rocking about", 
 
    value: 20.00 
 
    }, 
 
    { 
 
    title: "Trumping the Horns", 
 
    value: 5.95 
 
    } 
 
]; 
 

 
console.log(items.reduce(function(countMap, item) { 
 
    countMap[item.title] = ++countMap[item.title] || 1; 
 
    return countMap; 
 
}, {}));

Answer 4

、私はそれを持つオブジェクトを構築するMapを使用するよりも、はるかに短くなるとは思いませんtitleとamountを入力し、次にMapの値を取得：

const items = [ 
 
    { title: "Trumping the Horns", value: 5.95 }, 
 
    { title: "Rocking about", value: 20.00 }, 
 
    { title: "Trumping the Horns", value: 5.95 } 
 
]; 
 
const map = new Map(); 
 
items.forEach(item => { 
 
    const entry = map.get(item.title); 
 
    if (!entry) { 
 
    map.set(item.title, {title: item.title, amount: 1}); 
 
    } else { 
 
    ++entry.amount; 
 
    } 
 
}); 
 
const uniqueSales = [...map.values()]; 
 
console.log(uniqueSales);

...好ましくは、ライナー...

上記より少ない行にshoehornedすることができ、それは速度、読みやすさを改善しません、または保守性を保証します。まったく逆です。 tyvm -

Answer 5

let array = [{title:"123"}, {title: "234"}, {title: "123"}] 
let sum = array.reduce((results, item, index) => { 
         let totalItem = results.find((element) => 
          element.title == item.title) 
         if(totalItem){ 
         totalItem.count += 1 
         }else { 
         results.push(Object.assign(item, { 
           count: 1 
          })) 
         } 
         return results 
        }, []) 

使用配列は美しい新しい配列