JS開發中的一些小技巧和方法

2022-09-15 17:15:12 字數 3347 閱讀 1131

當我們需要獲取指定範圍(min,max)內的整數的時候,下面的**非常適合;這段**用的還挺多的。

function

setradomnum(min,max)

當我們進行http請求時,可能需要把json轉化為url引數,這時下面這段**就派上用場了。

function

json2url(json)

return arr.join('&');

}

function

isarray(obj)

//先檢驗本地是否有array.isarray函式,沒有就執行後面的方法檢測

方式一 通過將長度設定為0

var arr=[1,2,3,4,5];

arr.length=0;

方式二 通過splice方法

var arr=[1,2,3,4,5];

arr.splice(0,arr.length);

//方式三

var arr=[1,2,3,4,5];

arr=;

方式三將乙個新的陣列的引用賦值給變數,其他引用並不受影響。 這意味著以前陣列的內容被引用的話將依舊存在於記憶體中,這將導致記憶體洩漏。最高效的方法是第一種,所以推薦使用第一種方法清空陣列。

這個需求在專案中也是很常見的,可以tofixed()方法

var num =3.1415926;

num = num.tofixed(4); //

tofixed()方法可把 number 四捨五入為指定小數字數的數字,括號裡面取值0~20(包括0和20)

console.log(num); //

3.1416

方式一

arr.sort(

function());

方式二function

shuffle(arr)

return

arr;

};

方式一使用了陣列的內建排序方法:sort,而方式二是借助了乙個中間量,隨機數組裡的兩個值,讓它們交換位置。

== (或者 !=) 操作在需要的情況下自動進行了型別轉換。=== (或 !==)操作不會執行任何轉換。===在比較值和型別時,可以說比==更快。

[10] ==  10      //

為 true

[10] === 10 //

為 false

'10' == 10 //

為 true

'10' === 10 //

為 false

== 0 //

為 true

=== 0 //

為 false

'' == false

//為 true 但 true == "a" 為false

'' === false

//為 false

||&&運算子妙用,可用於精簡**,降低程式的可讀性。

用於賦值

&&:從左往右依次判斷,當當前值為true則繼續,為false則返回此值(是返回未轉換為布林值時的原值哦)

||: 從左往右依次判斷,當當前值為false則繼續,為true則返回此值(是返回未轉換為布林值時的原值哦)

var attr = true && 4 && "aaa"; //

aaa;

var attr = true && 0 && "aaa"; //

0var attr = 100 || 12; //

100var attr = "e" || "hahaha" //

'e'var attr = "" || "hahaha" //

'hahaha'

用於條件執行語句

//

普通的if語句

if(test)

//上面的語句可以使用 '&&' 寫為:

( test &&istrue() );

test = false

;if(!test)

//上面的語句可以使用 '||' 寫為:

( test || isfalse());

用於多次判斷後的賦值

var add_level = 0; 

if(add_step == 5)

else

if(add_step == 10)

else

if(add_step == 12)

else

if(add_step == 15)

else

//可以寫成

var add_level = (add_step==5 && 1) || (add_step==10 && 2) || (add_step==12 && 3) || (add_step==15 && 4) || 0;

function

maxandmin(arr)

}

該方法適合一維或者多維陣列。

function

getradomfromarr(arr)

查到了返回true,沒查到返回false

function

findinarr(arr, value)

}

return

false

;}

function

getrandomstr(len)

雖然在ecmascript5中已經實現了trim方法,它對低版本瀏覽器並不支援,所以有時候我們需要自己實現

去除首尾空格

function

trim(str)

trim(' hello world '); //

"hello world"

去除所有空格

function

trimall(str)

trimall(' he ll o wo r ld '); //

"helloworld"

JS開發中的一些小技巧和方法

function setradomnum min,max function json2url json return arr.join function isarray obj function maxandmin arr 該方法適合一維或者多維陣列。function getradomfromarr...

ionic開發中的一些小技巧

1 用這句話可以解決首頁必須用標題欄,後退才會清空快取的bug,讓詳情頁禁用快取即可。cache view false 2 src中的內容包含表示式就必須使用ng src,否則會報404錯誤,但是不會影響介面。3 使用ionic框架開發,ios經常會遇到排版錯亂,但是android上就沒問題的情況,...

使用js的一些小技巧

1 如何優雅的取隨機字元竄 math.random tostring 16 substring 2 13位 math.random tostring 36 substring 2 11位 2 如何優雅的取整 var a 2.33 2 var b 2.33 0 2 var c 2.33 0 2 3 如...