js中價格相關的一些處理方式
阿新 • • 發佈:2021-07-21
在前端書寫中,我們經常會對價格有一些處理,這邊我自己總結了一部分價格相關的處理方式
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; }