ES6/JS assign default value if array.find returns undefined

Question

How do I set a default value to a variable if array.find returns 'undefined'.

Here's the line that's causing me issues. In some instances this variable will populate but in others, it won't and in that case, I want it to default to 0.

this.statistics.creditAmount = response.data.find(t => t.paymentType == 'RF' && t.status == 1).amount || 0;

Answer 1

Another approach is to use a closure and a destructuring with a default object/value.

const
    getAmount = ({ amount = 0 } = {}) => amount,
    credit = getAmount(response.data.find(t => t.paymentType == 'RF' && t.status == 1));

Answer 2

I see this has been answered but I thought this could contribute

const { amount = 0 } = response.data.find(t => t.paymentType === 'RF' && t.status === 1) || {};
this.statistics.creditAmount = amount;

Or you could use a reducer:

  this.statistics.creditAmount = response.data.reduce((amt, t) => t.paymentType === 'RF' && t.status === 1 ? t.amount : amt, 0);

The reducer would use more clock cycles as it traverses the entire array, whereas Array.prototype.find stops once it reaches the first match. This may cause the results to vary as well, since the way that reducer is written it will take the last item from the array that matches.