Angular JSのオブジェクトの配列内の通貨の値を合計する方法

Question

APIコールからのオブジェクトの戻り値の配列があります。そして、オブジェクト構造は、配列はオブジェクトのn数を含めることができます..このよう

次のようになります。

私がしなければならないものは、sum up all the values of all the object's selectedMapping.costと合計を表示します。

しかし、1つの問題は、costsが少しトリッキーなことがあるということです。

これらは、それぞれ0.30および978.00と仮定する必要がある.30または978などなどの形式にすることができます。 nullまたはundefinedにすることもできます。この場合、0.0 0.0にデフォルト値を設定する必要があります。

どのようにしてAngular JSで合計を達成できますか？適切なコンバージョンを処理して合計を表示するにはどうすればよいですか？

Answer 1

希望私はあなたが正しい、私が作成したこのplunkerはあなたが欲しいものを行う必要がありました： https://embed.plnkr.co/zzQkybjND5xi2Uo7dNHZ/

は、単にので、すべて0.0との和に設定する場合はnullまたは未定義の値をチェックし、配列を反復処理値。

Answer 2

ここでは、アレイの上にマッピングしてコストを取得し、ramdajsのR.sumメソッドを使用することができ、未定義/ nullの項目に

const sum = items.reduce((prevVal,item)=>{ 
    const selectedMapping = item.selectedMapping || null 
    const cost = (isNaN(selectedMapping) && 'cost' in selectedMapping)? Number(selectedMapping.cost) : 0 
    return prevVal + cost 
},0) 
console.log(sum.toFixed(2)) 

Here's a JSBin for it

And reference for JavaScript’s Map, Reduce, and Filter

Answer 3

を扱う私の解決策だ

const array = [ 
    { 
    selectedMapping: { 
     cost: ".30" 
    } 
    }, 
    { 
    selectedMapping: { 
     cost: "200" 
    } 
    }, 
    { 
    selectedMapping: { 
     cost: ".60" 
    } 
    }, 
    { 
    selectedMapping: { 
     cost: ".10" 
    } 
    },]; 

const currency = array.map(curr=>parseFloat(curr.selectedMapping.cost)) 
R.sum(currency); 

hereはそのことを嫌うコードです。