Как вытащить объект из массива?

Question

[asferot]

Есть массив products, в котором product.price, мне его и нужно вытащить оттуда, чтобы преобразовать в денежный формат. Как его можно вытащить?
Делал вот это, но не работает, видимо не правильно)

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

Comments

[0xD34F]

Так. Показывайте пример исходных данных и что должно получиться в результате. А то знаете ли, угадывать ваши потребности по маловразумительному огрызку кода - занятие так себе.

[asferot]

0xD34F, нужно достать product.price из массива products и преобразовать его в денежный формат. Отображаться будет в темплейте {{priceProduct}}. Массив продуктов тащится из БД.

[0xD34F]

asferot, ясно, помощь вам на самом деле не нужна.

[asferot]

Исходные данные..

tr(v-for="product in filteredProducts" class="table-active" 
                                @click="$set(product, 'quantity', product.quantity || 1), buttonDisabled = false" 
                                :class="{activeTh: cart.includes(product)}" :disabled="(cart.includes(product))")
                                td 
                                    img(v-bind:src="product.img" class="imgs")
                                td {{product.title}}
                                td {{product.price}}

filteredProducts() {
            const s = this.search.toLowerCase();
            return this.products.filter(n => Object.values(n).some(m => m.toString().toLowerCase().includes(s)));
        },

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

[0xD34F]

Вместо computed свойства сделайте фильтр:

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

Соответственно, в шаблоне будет:

td {{ product.price | price }}

UPD. Кстати, раз уж вы выводите цены - можно вместо плясок с регулярными выражениями форматировать значение средствами функции toLocaleString, она умеет работать с деньгами, будет как-то так:

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