項目中常用js封裝（持續(xù)更新）

myeveryheart 發(fā)布于2019-08-23 16:44 / 3291人閱讀

摘要：我們?nèi)粘ｉ_發(fā)中經(jīng)常會碰到各種各樣的需求，但很多需求都是重復的，因此我就把平時開發(fā)中遇到的一些常見方法做了個總結(jié)和歸納。

我們?nèi)粘ｉ_發(fā)中經(jīng)常會碰到各種各樣的需求，但很多需求都是重復的，因此我就把平時開發(fā)中遇到的一些常見方法做了個總結(jié)和歸納。
1、金額的格式化

比如2.00，1,222,2.00像這樣格式的數(shù)據(jù)在很多電商或者后臺數(shù)據(jù)顯示上見到，然而這些數(shù)據(jù)后臺往往只是給我們前端返回2或者12222等等，因此我們前端就需要對數(shù)據(jù)進行處理

格式化數(shù)字格式

@param s為要格式化的number

@param n為要保留幾位小數(shù)點

example: formatNum(2,2) 返回結(jié)果為"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) 返回結(jié)果為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、數(shù)組去重
/*

檢查一個對象是否為空

@param arr為要去重的數(shù)組

example:

let arr = [1,1,2,3,4]

removeDuplicates(arr) 返回結(jié)果為[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)]

}

GPU云服務器云服務器更新后的項目js報錯 js中json數(shù)據(jù)封裝用法 js中如何封裝json數(shù)據(jù) php中常用js函數(shù)

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/103213.html

相關(guān)文章

vue 工具函數(shù)封裝，持續(xù)更新。。。

摘要：項目中工具函數(shù)，我們通常會添加到的原型中，這樣就實現(xiàn)了全局函數(shù)只需要將綁定的這段引入到即可。對象中可以有兩個屬性和是布爾值，為真時，不會對獲取到的值進行解碼。參數(shù)可選，可以有以下屬性字符串字符串數(shù)值或日期對象布爾值。持續(xù)更新參考工具函數(shù)Vue 項目中工具函數(shù)，我們通常會添加到Vue的原型中，這樣就實現(xiàn)了全局函數(shù) import Vue from vue Vue.prototype.$tools...

Cc_2011 2019-05-22 19:26 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目

摘要：從到再到搭建編寫構(gòu)建一個前端項目選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現(xiàn)成的項目模板自己搭建項目骨架。使用版本控制系統(tǒng)管理源代碼項目搭建好后，需要一個版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目 1. 選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種：選擇現(xiàn)成的項目模板、自己搭建項目骨架。 ...

call_me_R 2019-08-23 13:43 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目

摘要：從到再到搭建編寫構(gòu)建一個前端項目選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現(xiàn)成的項目模板自己搭建項目骨架。使用版本控制系統(tǒng)管理源代碼項目搭建好后，需要一個版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目 1. 選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種：選擇現(xiàn)成的項目模板、自己搭建項目骨架。 ...

wzyplus 2019-08-02 12:08 評論0 收藏0
從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目

摘要：從到再到搭建編寫構(gòu)建一個前端項目選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種選擇現(xiàn)成的項目模板自己搭建項目骨架。使用版本控制系統(tǒng)管理源代碼項目搭建好后，需要一個版本控制系統(tǒng)來管理源代碼。從 0 到 1 再到 100, 搭建、編寫、構(gòu)建一個前端項目 1. 選擇現(xiàn)成的項目模板還是自己搭建項目骨架搭建一個前端項目的方式有兩種：選擇現(xiàn)成的項目模板、自己搭建項目骨架。 ...

aristark 2019-08-29 17:24 評論0 收藏0
weapp微信小程序組件和功能封裝（持續(xù)更新中）

摘要：微信小程序組件和功能封裝持續(xù)更新中查看項目解決的痛點由于小程序和普通網(wǎng)頁程序有所區(qū)別，組件的調(diào)用和使用相對有點麻煩。如果使用有問題，請使用最新版本基礎庫，并將微信更新到最新版本。 weapp 微信小程序組件和功能封裝（持續(xù)更新中...）查看項目解決的痛點：由于小程序和普通網(wǎng)頁程序有所區(qū)別，組件的調(diào)用和使用相對有點麻煩。此處封裝的組件和功能函數(shù)是為了使用起來更加的簡單，減少麻煩的dat...

pf_miles 2019-08-21 17:41 評論0 收藏0