各種業務開發都離不開對數據的處理，然而遇到的很多數據都是不好處理的。這個時候就需要尋求搜索引擎的幫助。這種方法效率是非常低下的，而且根據作者的個性不能保證其對自己的口味。因此這篇文字包含了一份 JS 常用業務函數手冊，例如時間格式的處理、用的是哪個手機瀏覽器，手機號、郵箱的驗證，以此來提高你的開發效率

常用 JS 函數

1.時間格式化

界面展示的時間千變萬化, 所以一個處理時間的函數，它的重要性就不言而喻了。

export

formatDate 接受倆個參數, oldDate 類型可以是 Date，String，Number。因為現在用時間戳傳遞時間真的是蠻多，也蠻方便的，而JS 是一門弱類型語言，所以我將 String 和 Number 類型的數據統一當做時間戳來處理。 fmt 是格式化的類型：yyyy-MM-dd hh:mm，其中的 yyyy | MM | dd | hh | mm 是分別匹配 年 | 月 | 日 | 時 | 分 的關鍵字。其中的連字符是可以隨意替換的，只展示年月將其他關鍵字去掉即可。舉幾個例子：

• yyyy年MM月dd -> 2019年09月7日
• hh分mm秒 -> 16分53秒

2.以“天”為單位獲取響應的時間戳

通常都會獲取三天前的時間，12 個以內的數據，24 小時以內的數據，因此我弄了一個以天為單位獲取時間戳的函數

export

時間為正可以獲得未來的時間，時間為負可以獲得過去時間。舉個例子

• 12 個小時之前的時間 -> setDate(-.5)
• 24 個小時之前的時間 -> setDate(-1)
• 三天后的時間 -> setDate(3)

3.獲取 URL 中的參數

這個需求在三大框架的時代應用貌似不多了，不過面試中問的還是蠻多的，了解一下是好的

簡單實現

var

看了一下瀏覽器支持情況還是蠻好的，除了萬惡的 ie

復雜實現

function

舉個例子： http://xuyuechao.top?a=3&b=5&c=8888

• getUrlParams('a') -> 3
• getUrlParams('b') -> 5
• getUrlParams('c') -> 8888

4.手機端判斷瀏覽器類型

BrowserInfo

目前主要支持 安卓 & 蘋果 & ipad & 微信 & 支付寶 & 是否是手機端。

5. 數組降維

二維數組

let

多維數組降維

let

flat 有兼容性問題，手機端問題不大。瀏覽器端不兼容 edge。填 Infinity 可展開任意深度的數組

6.深拷貝

使用變量 a 拷貝對象 b，改變 a 中的值 b 中的值也會跟著改變，這叫做淺拷貝。要想讓 a 獨立于 b 就需要深拷貝

簡易處理

function

既然是建議處理就有他的不足，上面主要是用了 JSON 的序列化和反序列化。而 JSON 是不支持函數和 undefined 的因此碰到這些情況會缺失，但是已經能夠滿足大部分情況了

復雜處理

復雜處理就需要采用遞歸的方式了

function

7. 防抖 & 節流

防抖和節流屬于高階技巧，業務中比較多見的場合也就是搜索內容改變提示信息。即使不加也也不一定能看出區別，但是加了新手維護代碼可能會崇拜你哦。

防抖

function

節流

function

8. 獲取數組極值

function

9.判斷小數是否相等

function

用戶輸入的是十進制數字，計算機保存的是二進制數。所以計算結果會有偏差，所以我們不應該直接比較非整數，而是取其上限，把誤差計算進去。這樣一個上限稱為 machine epsilon，雙精度的標準 epsilon 值是 2^-53 （Math.pow(2, -53)）

總結：

文中的代碼可能不一定是最優代碼，要是你有更好的代碼歡迎評論。

參考資料：

https://www.jianshu.com/p/c8b86b09daf0

https://www.cnblogs.com/wxydigua/p/3314274.html

https://blog.csdn.net/u014607184/article/details/52749332

https://rockjins.js.org/2017/02/15/2017-02-15-javascript-skill/

一些讓 JS 更優雅 / 易讀的小技巧

對于工程師來說，代碼是寫一遍、修改很多遍、遍的重要產出，可讀性至關重要，所以高可讀代碼的重要性不言而喻。

1.用對象代替 switch / if

公共內容

這里只是提供了一種方式，具體的使用場景還是要你自己判斷。我用的比較多的一個場景是狀態映射中文含義，例如支付狀態通常獲取的是 1， 2，3，4 這種值，但是列表要求顯示相應的中文狀態 未支付 | 支付中 | 已退款等等

2. || 和 && 的妙用

// 場景 1

上面是 || 的用法，也叫做短路處理。常見于 if 條件中，但是他其實也可以直接用于語句中。當第一個參數為 true 就會取第一個參數的值，當第一個參數不為 true 就會取第二個參數的值。&& 正好與 || 相反。第一個參數 為 true 會取第二個參數的值

總結

這一部分就只想到了倆個，優化空間蠻大的。希望多才多藝的網友紛紛評論獻計讓文章無比壯大起來

全文總結

感覺對知識的梳理和歸納又提高了一步，同時又能少加會班了。不知不覺一個月過去了也寫了四篇提高編程開發效率的文章了，文章也有很多不足的地方，為了大家的后期討論方便，可以加我微信，帶你進群，大家一起討論研究，快樂成長。

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的js date 加一天_开发效率创新高，只因收下了这波 JS 操作的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。