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

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

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

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

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

格式化數(shù)字格式

@param s為要格式化的number

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

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、檢查某個(gè)對象是否為空

這個(gè)常見于我們進(jìn)行判斷的時(shí)候啦

檢查一個(gè)對象是否為空

@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ù)組去重
/*

檢查一個(gè)對象是否為空

@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云服務(wù)器云服務(wù)器更新后的項(xiàng)目js報(bào)錯(cuò) js中json數(shù)據(jù)封裝用法 js中如何封裝json數(shù)據(jù) php中常用js函數(shù)

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

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

相關(guān)文章

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

摘要：項(xiàng)目中工具函數(shù)，我們通常會添加到的原型中，這樣就實(shí)現(xiàn)了全局函數(shù)只需要將綁定的這段引入到即可。對象中可以有兩個(gè)屬性和是布爾值，為真時(shí)，不會對獲取到的值進(jìn)行解碼。參數(shù)可選，可以有以下屬性字符串字符串?dāng)?shù)值或日期對象布爾值。持續(xù)更新參考工具函數(shù)Vue 項(xiàng)目中工具函數(shù)，我們通常會添加到Vue的原型中，這樣就實(shí)現(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è)前端項(xiàng)目

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

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

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

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

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

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

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

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