javascript
javascript写字技巧_【iGeek手册】如何书写更加简洁的javascript代码?
書寫Javascript代碼過程中, 我們往往會使用過于復雜的代碼和語法,在這篇文章里, 我們收集了10個快速書寫javascript代碼的例子, 希望對大家有幫助!
大數字書寫技巧
如果你書寫比較大的數字的話, 往往需要定義很多0,例如, 1000000, 但是在javascript中,你可以使用e來代表0, 下面是一個實際對比例子:
冗余版本代碼:
var sum = 1000000;
精簡版本代碼:
var sum = 1e6
如果你定義3800000,你可以使用這重快捷的書寫方式 38e5
數字遞增和遞減
這個技巧,大家應該用的相對比較多了, 經常用在了for循環中,如下:
冗余版本代碼:
i=i+1;
j=j-1;
精簡版本代碼:
i++
j--
加減乘除
相關基礎的算法符號都有類似的縮寫代碼可以快速幫助我們完成代碼,如下:
冗余版本代碼:
i=i+5;
j=j-3;
k=k*10;
l=l/3;
精簡版本代碼:
i+=5;
j-=3;
k*=10;
l/=3;
判斷字符位置
在字符處理中,經常使用charAt來定位自負,但是我們往往可以使用更加簡潔的方式來定位字符位置,如下:
冗余版本代碼:
myString.charAt(14);
精簡版本代碼:
myString[14];
定義變量
這個大家應該使用的比較多了, 如下:
冗余版本代碼:
var i;
var j=15;
var k="Good Geek";
var l;
var bb=true;
精簡版本代碼:
var i, j=15, k="Good Geek", l, bb=true;
定義關系型數據
除了簡單數組外, javascript常用的還有關聯型數組可以更加簡潔的書寫,如下:
冗余版本代碼:
var myArray = new Array();
myArray["Grace Kelly"] = "Philadelphia";
myArray["Clint Eastwood"] = "San Francisco";
myArray["Humphrey Bogart"] = "New York City";
myArray["Sophia Loren"] = "Rome";
myArray["Ingrid Bergman"] = "Stockholm";
精簡版本代碼:
var myArray = {
"Grace Kelly": "Philadelphia",
"Clint Eastwood": "San Francisco",
"Humphrey Bogart": "New York City",
"Sophia Loren": "Rome",
"Ingrid Bergman": "Stockholm"
}
定義對象
定義對象的過程,也可以使用更加簡單的版本,如下:
冗余版本代碼:
var myObj = new Object();
myObj.name = "Sean Connery";
myObj.placeOfBirth = "Edinburgh";
myObj.age = 86;
myObj.wasJamesBond = true;
精簡版本代碼:
var myObj = { name: "Sean Connery", placeOfBirth: "Edinburgh",
age: 86, wasJamesBond: true };
使用條件符號
如果你使用if else的語法,可能也可以用更加簡單的書寫方式,如下:
冗余版本代碼:
var message = '';
if(age>=18){
message = "Allowed";
}else{
message = "Denied";
}
精簡版本代碼:
var message = age >= 18 ? "Allowed" : "Denied";
判斷變量是否存在
判斷一個變量是否存在,也可以使用更加簡單的方式來書寫:
冗余版本代碼:
var myVar = 55;
if( typeof myVar !== "undefined" && myVar !== "" && myVar !== null
&& myVar !== 0 && myVar !== false ) {
console.log("The myVar variable is defined AND it's not empty
AND not null AND not false.");
}
精簡版本代碼:
var myVar = 55;
if( myVar ) {
console.log("The myVar variable is defined AND it's not empty
AND not null AND not false.");
}
判斷變量是否賦值
冗余版本代碼:
var myVar;
if( typeof myVar === "undefined" || myVar === "" || myVar === null
|| myVar === 0 || myVar === false ) {
console.warn("The myVar variable is undefined (OR) empty (OR)
null (OR) false.");
}
精簡版本代碼:
var myVar;
if( !myVar ) {
console.warn("The myVar variable is undefined (OR) empty (OR)
null (OR) false.");
}
以上就是javascript經常用到的一些快捷書寫代碼,希望對大家有幫助哈~
總結
以上是生活随笔為你收集整理的javascript写字技巧_【iGeek手册】如何书写更加简洁的javascript代码?的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: f12获取网页文本_怎么获取网页源代码中
- 下一篇: python判断字符是否是字典的键_Py