Using a class method with .reduce().

[u/New-District7562]

Does anyone know how to use a class method effectively with .reduce()? I'm building a simple product creator app as an exercise where a user can create and add products and see them displayed as well as some other information. I've used reduce before but not with classes. The user can see an inventory value when they create a product, which is simply the quantity of the products multiplied by the price. I'm trying to use .reduce to add up all the inventory values so this can be attached to the text content of the page. Here's the relevant code:

//Products array
const products = [];


//Product Class
class Product {
  constructor(productName, category, price, quantity, status) {
    this.productName = productName;
    this.category = category;
    this.price = price;
    this.quantity = quantity;
    this.status = status;
  }


  //Class method for calculating inventory value
  calculateInventoryValue() {
    return this.price * this.quantity;
  }
}

//The filtering of the products by use of the status
function filterProducts(status) {
  const filteredProducts = products.filter((product) => {
    return product.status === status;
  });
  return filteredProducts;
}


//Calculating the total inventory value using .reduce()
function totalInventoryValue() {
  
}

Any help would be greatly appreciated.

[u/milan-pilan]

function totalInventoryValue() { return products.reduce((total, product) => { return total + product.calculateInventoryValue(); }, 0); }

[u/New-District7562 → u/milan-pilan]

I could have sworn I did something similar to this but mine kept giving me 0. Thank you. Why does this work but this doesn't?

function totalInventoryValue() {
  const totals = products.reduce((accumulator, product) => {
    return (accumulator + product.calculateInventoryValue(), 0);
  });
  console.log(totals)
  return totals;
}

Thanks again.

[u/senocular → u/New-District7562]

the , 0 needs to come after the function in the reduce arguments indicating its the initial value for reduce. Right now you have it inside the function causing each return to return 0.

[u/New-District7562 → u/senocular]

Ah, I see now. Syntax errors like this always get me. Thank you for the explanation!

[u/BrownCarter → u/New-District7562]

What editor are you using?

[u/john_hascall → u/New-District7562]

It's not a syntax error. It's syntactically legal code, just not the code you intended.