js基礎進階--編碼實用技巧(一)

U2FsdGVkX1x 發布于2019-08-23 14:45 / 1453人閱讀

摘要：我的個人博客前言在平時的開發中，編碼技巧很重要，會讓你少寫很多代碼，起到事倍功半的效果。下面總結幾種簡單的技巧，大家共同學習一下利用將字符串轉換為整數型這個方法試用于將字符串類型的數字轉換為整數型，如果帶字母就會返回。

我的個人博客：http://www.xiaolongwu.cn

前言

在平時的開發中，編碼技巧很重要，會讓你少寫很多代碼，起到事倍功半的效果。

下面總結幾種簡單的技巧，大家共同學習一下

1、利用+、-、/1,*1將字符串轉換為整數型

這個方法試用于將字符串類型的數字轉換為整數型，如果帶字母就會返回NaN。

var a = "1234", b = "leonWuv";
//我們想把a轉換為1234的整數型，一般方法
console.log(typeof Number(a))  //number
//簡單寫法
console.log(+a + 1,typeof +a);  //1235 number
console.log(a - 0 + 1,typeof (a-0)); //1235 number
console.log(a*1 + 1,typeof (a*1));  //1235 number
console.log(a/1 + 1,typeof (a/1));  //1235 number
console.log(b/1 + 1,typeof (b/1));  //NaN number

這個也是用于 Date();它將返回時間戳

//以下方法都返回時間戳
console.log(+ new Date()); //1512378253218  2017年12月04日17時左右;
console.log(Date.parse(new Date())); //1512378253000  注意后三位向下取整為000;
console.log(new Date("2017/1/1").getTime()); ////1483200000000

2、利用!!強制轉換布爾值

我們需要驗證一個變量是否存在或者有效時，可以使用！！來簡單快速的判斷

這個技巧我在 javaScript數據類型你都弄明白了嗎？絕對干貨這篇博文中的第四部分提到過

總結一下就是：只要變量的值為:0、null、" "、undefined或者NaN都將返回的是false，反之返回的是true。看下面例子

var a = 0,b = "12";
console.log(!!c); //false
// 分解上面的代碼--Boolean(c)得false，取非為true，再取非為false。
console.log(!!d)  //true
// 分解上面的代碼--Boolean(d)true，取非為false，再取非為true

3、在遍歷數組時，緩存數組的length

在處理一個數組循環時，我們好多人通常會這么寫

for(var i = 0; i < array.length; i++) {
    console.log(array[i]);
}

當我們遍歷一個小型數組時，這樣寫是可以的，但是當我們處理一個大型數組時，這樣寫就會每次循環都計算數組的長度，會有延誤，這時我們可以這樣寫

var length = array.length;
for(var i = 0; i < length; i++) {
    console.log(array[i]);
}

當然我們也可以這樣寫，這兩種方式都是可以的

for(var i = 0, length = array.length; i < length; i++) {
    console.log(array[i]);
}

4、合理利用&&運算符

看看這段代碼

if(a){
    console.log("hello leonWu");
    //解釋一下這段代碼，如果Boolean(a)為true，就打印出hello leonWu
}

我們稍微修改一下上面的代碼

a && console.log("hello leonWu"); //結果是一樣的，但是這樣是不是簡單清晰多了，代碼量也少了

相關鏈接：js基礎進階--編碼的實用技巧(二).md)

github資源地址：js基礎進階--編碼實用技巧(一).md)

csdn博客地址：https://blog.csdn.net/wxl1555

如果您對我的博客內容有疑惑或質疑的地方，請在下方評論區留言，或郵件給我，共同學習進步。

郵箱：wuxiaolong802@163.com

云服務器 GPU云服務器進階技巧進階使用技巧 utf-8編碼技巧 js進階視頻教程

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/101094.html

js基礎進階--編碼實用技巧(二)

摘要：我的個人博客接上篇文章基礎進階編碼實用技巧一合理利用運算符使用可以作為參數之外的默認值，當第一個參數返回值為時，那么第二個值就為默認值。我的個人博客：http://www.xiaolongwu.cn 接上篇文章：js基礎進階--編碼實用技巧(一).md) 5、合理利用||運算符使用||可以作為參數之外的默認值，當第一個參數返回值為false時，那么第二個值就為默認值。一般在面向對...

hiYoHoo 2019-08-23 14:45 評論0 收藏0
前端資源系列（4）-前端學習資源分享&前端面試資源匯總

摘要：特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。特意對前端學習資源做一個匯總，方便自己學習查閱參考，和好友們共同進步。本以為自己收藏的站點多，可以很快搞定，沒想到一入匯總深似海。還有很多不足&遺漏的地方，歡迎補充。有錯誤的地方，還請斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應和斧正，會及時更新，平時業務工作時也會不定期更...

princekin 2019-08-20 11:28 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

sutaking 2019-08-02 15:17 評論0 收藏0
關于Vue2一些值得推薦的文章 -- 五、六月份

摘要：五六月份推薦集合查看最新的請點擊集前端最近很火的框架資源定時更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。五、六月份推薦集合查看github最新的Vue weekly；請::點擊::集web前端最近很火的vue2框架資源；定時更新，歡迎 Star 一下。蘇...

khs1994 2019-08-23 18:08 評論0 收藏0