1. 程式人生 > 其它 >js中價格相關的一些處理方式

js中價格相關的一些處理方式

在前端書寫中,我們經常會對價格有一些處理,這邊我自己總結了一部分價格相關的處理方式

1、為價格新增單位

                /**
                 * 價格新增單位
                 * @param {float} price 價格
                 * @param {string} unit 單位
                 * @param {string} position 單位位置 prev--字首  after--字尾
                 * @param {boolean}  is_free
                 * @return {string}       
                 
*/ priceUnit(price, unit = '¥', position = 'prev', is_free = true) { if (is_free && Number(price) === 0) { return '免費'; } if (position === 'prev') { return unit + price; }
else { return price + unit; } },

2、為價格新增上正負號

                
                /**
                 * 給價格附加上正負號
                 * @param {boolean} is_true    是否為正數
                 * @param {float|null} price    可為空
                 * @return {string}
                 
*/ priceSymbol(is_true, price = '') { return (is_true ? '+' : '-') + price; },

3、正負數價格的顏色(當然這個方法還可以有一些別的用途,例如:處理一些三元運算)

                
                /**
                 * 正負數的顏色
                 * @param {boolean} is_true 是否為正數
                 * @param {string} true_color 正數的顏色
                 * @param {string} false_color 負數的顏色
                 * @return {string}      
                 */
                priceColor(is_true, true_color = '#ff4544', false_color = '#3fc24c') {
                    return is_true ? true_color : false_color;
                }