資訊專欄INFORMATION COLUMN
摘要：我們日常開發中經常會碰到各種各樣的需求，但很多需求都是重復的，因此我就把平時開發中遇到的一些常見方法做了個總結和歸納。
我們日常開發中經常會碰到各種各樣的需求，但很多需求都是重復的，因此我就把平時開發中遇到的一些常見方法做了個總結和歸納。
1、金額的格式化
比如2.00，1,222,2.00像這樣格式的數據在很多電商或者后臺數據顯示上見到，然而這些數據后臺往往只是給我們前端返回2或者12222等等，因此我們前端就需要對數據進行處理
/*
格式化數字格式
@param s為要格式化的number
@param n為要保留幾位小數點
example: formatNum(2,2) 返回結果為"2.00"
*/
const formatNum = (s, n) => {
n = n > 0 && n <= 20 ? n : 2
s = parseFloat((s + "").replace(/[^d.-]/g, "")).toFixed(n) + ""
var l = s.split(".")[0].split("").reverse(), r = s.split(".")[1]
t = ""
for (i = 0; i < l.length; i++) {
t += l[i] + ((i + 1) % 3 == 0 && (i + 1) != l.length ? "," : "")
}
return t.split("").reverse().join("") + "." + r
}
2、檢查某個對象是否為空
這個常見于我們進行判斷的時候啦
/*
檢查一個對象是否為空
@param object為要判斷的對象
example:
let obj = {}
isEmptyObj(obj) 返回結果為true,否則false
*/
const isEmptyObj = object => {
if (!!Object.getOwnPropertySymbols(object).length) {
return false
}
for (const key in object) {
if (object.hasOwnProperty(key)) {
return false
}
}
return true
}
3、數組去重
/*
檢查一個對象是否為空
@param arr為要去重的數組
example:
let arr = [1,1,2,3,4]
removeDuplicates(arr) 返回結果為[1,2,3,4]
*/
1.較繁瑣方法
const removeDuplicates = arr =>{
const uniqueVals = []
arr.forEach((value,index) => {
if(uniqueVals.indexOf(value) === -1){
uniqueVals.push(value)
}
})
return uniqueVals
}
2.簡單方法1
const removeDuplicates = arr => {
return arr.filter((item,pos) => arr.indexOf(item) === pos)
}
簡單方法2
const removeDuplicates = arr => {
return [...new Set(arr)]
}
文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。
轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/103213.html
摘要：項目中工具函數，我們通常會添加到的原型中，這樣就實現了全局函數只需要將綁定的這段引入到即可。對象中可以有兩個屬性和是布爾值，為真時，不會對獲取到的值進行解碼。參數可選，可以有以下屬性字符串字符串數值或日期對象布爾值。持續更新參考工具函數Vue 項目中工具函數，我們通常會添加到Vue的原型中，這樣就實現了全局函數 import Vue from vue Vue.prototype.$tools...
摘要：從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后，需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種：選擇現成的項目模板、自己搭建項目骨架。 ...
摘要：從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后，需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種：選擇現成的項目模板、自己搭建項目骨架。 ...
摘要：從到再到搭建編寫構建一個前端項目選擇現成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現成的項目模板自己搭建項目骨架。使用版本控制系統管理源代碼項目搭建好后，需要一個版本控制系統來管理源代碼。 從 0 到 1 再到 100, 搭建、編寫、構建一個前端項目 1. 選擇現成的項目模板還是自己搭建項目骨架 搭建一個前端項目的方式有兩種：選擇現成的項目模板、自己搭建項目骨架。 ...
摘要：微信小程序組件和功能封裝持續更新中查看項目解決的痛點由于小程序和普通網頁程序有所區別，組件的調用和使用相對有點麻煩。如果使用有問題，請使用最新版本基礎庫，并將微信更新到最新版本。 weapp 微信小程序組件和功能封裝（持續更新中...）查看項目 解決的痛點：由于小程序和普通網頁程序有所區別，組件的調用和使用相對有點麻煩。此處封裝的組件和功能函數是為了使用起來更加的簡單，減少麻煩的dat...
閱讀 3834·2021-09-06 15:00
閱讀 2171·2019-08-30 15:53
閱讀 3277·2019-08-23 16:44
閱讀 943·2019-08-23 15:19
閱讀 1390·2019-08-23 12:27
閱讀 4187·2019-08-23 11:30
閱讀 580·2019-08-23 10:33
閱讀 369·2019-08-22 16:05
