資訊專欄INFORMATION COLUMN
摘要：我的個(gè)人博客前言在平時(shí)的開發(fā)中，編碼技巧很重要，會(huì)讓你少寫很多代碼，起到事倍功半的效果。下面總結(jié)幾種簡單的技巧，大家共同學(xué)習(xí)一下利用將字符串轉(zhuǎn)換為整數(shù)型這個(gè)方法試用于將字符串類型的數(shù)字轉(zhuǎn)換為整數(shù)型，如果帶字母就會(huì)返回。
我的個(gè)人博客：http://www.xiaolongwu.cn
前言在平時(shí)的開發(fā)中，編碼技巧很重要，會(huì)讓你少寫很多代碼，起到事倍功半的效果。
下面總結(jié)幾種簡單的技巧，大家共同學(xué)習(xí)一下
1、 利用+、-、/1,*1將字符串轉(zhuǎn)換為整數(shù)型這個(gè)方法試用于將字符串類型的數(shù)字轉(zhuǎn)換為整數(shù)型，如果帶字母就會(huì)返回NaN。
var a = "1234", b = "leonWuv"; //我們想把a(bǔ)轉(zhuǎn)換為1234的整數(shù)型，一般方法 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
這個(gè)也是用于 Date();它將返回時(shí)間戳
//以下方法都返回時(shí)間戳
console.log(+ new Date()); //1512378253218 2017年12月04日17時(shí)左右;
console.log(Date.parse(new Date())); //1512378253000 注意后三位向下取整為000;
console.log(new Date("2017/1/1").getTime()); ////1483200000000
2、利用!!強(qiáng)制轉(zhuǎn)換布爾值
我們需要驗(yàn)證一個(gè)變量是否存在或者有效時(shí)，可以使用?。砗唵慰焖俚呐袛?/p>
這個(gè)技巧我在 javaScript數(shù)據(jù)類型你都弄明白了嗎？絕對(duì)干貨這篇博文中的第四部分提到過
總結(jié)一下就是：只要變量的值為: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，再取非為true3、在遍歷數(shù)組時(shí)，緩存數(shù)組的length
在處理一個(gè)數(shù)組循環(huán)時(shí)，我們好多人通常會(huì)這么寫
for(var i = 0; i < array.length; i++) {
console.log(array[i]);
}
當(dāng)我們遍歷一個(gè)小型數(shù)組時(shí)，這樣寫是可以的，但是當(dāng)我們處理一個(gè)大型數(shù)組時(shí)，這樣寫就會(huì)每次循環(huán)都計(jì)算數(shù)組的長度，會(huì)有延誤，這時(shí)我們可以這樣寫
var length = array.length;
for(var i = 0; i < length; i++) {
console.log(array[i]);
}
當(dāng)然我們也可以這樣寫，這兩種方式都是可以的
for(var i = 0, length = array.length; i < length; i++) {
console.log(array[i]);
}
4、合理利用&&運(yùn)算符
看看這段代碼
if(a){
console.log("hello leonWu");
//解釋一下這段代碼，如果Boolean(a)為true，就打印出hello leonWu
}
我們稍微修改一下上面的代碼
a && console.log("hello leonWu"); //結(jié)果是一樣的，但是這樣是不是簡單清晰多了，代碼量也少了
相關(guān)鏈接：js基礎(chǔ)進(jìn)階--編碼的實(shí)用技巧(二).md)
github資源地址：js基礎(chǔ)進(jìn)階--編碼實(shí)用技巧(一).md)
csdn博客地址：https://blog.csdn.net/wxl1555
如果您對(duì)我的博客內(nèi)容有疑惑或質(zhì)疑的地方，請(qǐng)?jiān)谙路皆u(píng)論區(qū)留言，或郵件給我，共同學(xué)習(xí)進(jìn)步。
郵箱：wuxiaolong802@163.com
文章版權(quán)歸作者所有，未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址：http://m.specialneedsforspecialkids.com/yun/101094.html
摘要：我的個(gè)人博客接上篇文章基礎(chǔ)進(jìn)階編碼實(shí)用技巧一合理利用運(yùn)算符使用可以作為參數(shù)之外的默認(rèn)值，當(dāng)?shù)谝粋€(gè)參數(shù)返回值為時(shí)，那么第二個(gè)值就為默認(rèn)值。 我的個(gè)人博客：http://www.xiaolongwu.cn 接上篇文章：js基礎(chǔ)進(jìn)階--編碼實(shí)用技巧(一).md) 5、合理利用||運(yùn)算符 使用||可以作為參數(shù)之外的默認(rèn)值，當(dāng)?shù)谝粋€(gè)參數(shù)返回值為false時(shí)，那么第二個(gè)值就為默認(rèn)值。 一般在面向?qū)?..
摘要：特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 特意對(duì)前端學(xué)習(xí)資源做一個(gè)匯總，方便自己學(xué)習(xí)查閱參考，和好友們共同進(jìn)步。 本以為自己收藏的站點(diǎn)多，可以很快搞定，沒想到一入?yún)R總深似海。還有很多不足&遺漏的地方，歡迎補(bǔ)充。有錯(cuò)誤的地方，還請(qǐng)斧正... 托管: welcome to git，歡迎交流，感謝star 有好友反應(yīng)和斧正，會(huì)及時(shí)更新，平時(shí)業(yè)務(wù)工作時(shí)也會(huì)不定期更...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
摘要：五六月份推薦集合查看最新的請(qǐng)點(diǎn)擊集前端最近很火的框架資源定時(shí)更新，歡迎一下。蘇幕遮燎沈香宋周邦彥燎沈香，消溽暑。鳥雀呼晴，侵曉窺檐語。葉上初陽乾宿雨，水面清圓，一一風(fēng)荷舉。家住吳門，久作長安旅。五月漁郎相憶否。小楫輕舟，夢入芙蓉浦。 五、六月份推薦集合 查看github最新的Vue weekly；請(qǐng)::點(diǎn)擊::集web前端最近很火的vue2框架資源；定時(shí)更新，歡迎 Star 一下。 蘇...
閱讀 3326·2021-11-12 10:36
閱讀 2486·2021-11-02 14:43
閱讀 2159·2019-08-30 14:23
閱讀 3475·2019-08-30 13:08
閱讀 931·2019-08-28 18:09
閱讀 3145·2019-08-26 12:22
閱讀 3157·2019-08-23 18:24
閱讀 2026·2019-08-23 18:17
