How to pull an object from an array?

Question

Vue.js

There is an array products, in which product.price, I need to pull it out from there in order to convert it to a monetary format. How can it be pulled out?
I did this, but it does not work, apparently not correctly)

computed:{
priceProduct(){
            var prc = this.products.reduce((product) => parseFloat(product.price), 0);
            return parseFloat(prc).toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ").replace('.', ',');
        },
}

Answer 1

Instead of a computed property, make a filter:

filters: {
  price: val => val.toFixed(2).replace(/(\d)(?=(\d{3})+\.)/g, "$1 ").replace('.', ','),
},

Accordingly, the template will be:
td {{ product.price | price }}
UPD. By the way, since you are displaying prices, instead of dancing with regular expressions, you can format the value using the toLocaleString function, it can work with money, it will be something like this:

price: val => val.toLocaleString('ru', {
  style: 'currency',
  currency: 'RUB',
}),