js 常用工具方法

2021-08-18 11:00:59 字數 3484 閱讀 2530

1、cookie 操作

// setcookie()

// @about 設定cookie 預設乙個月失效

function setcookie(name, value)

// getcookie()

// @about 獲取cookie

function getcookie(name) else

}// delcookie()

// @about 刪除cookie

function delcookie(name)

2、隨機數

//隨機返回乙個範圍的數字。引數是兩個的時候,返回傳入的兩個引數的區間的隨機函式;引數是乙個的時候,返回0到這個數的隨機函式;引數是零個的時候,返回0到255區間的整數,大家可以根據自己的需要進行擴充套件

function randomnumber(n1,n2)

else if(arguments.length===1)

////

else  

}randomnumber(5,10) // 返回5-10的隨機整數,包括5,10

randomnumber(10)   // 返回0-10的隨機整數,包括0,10

randomnumber()     // 返回0-255的隨機整數,包括0,255

3、4,清除物件中值為空的屬性

function filterparams(obj);

for (let key in obj)

}return _newpar;

}filterparams() 

// 當值等於0,null,undefined的時候,就會被過濾

這裡涉及到了乙個知識點:&&和||運算子的先後順序,我相信大部分的朋友都知道,我就簡單提一下:

return a && b || c ,

根據a來判斷返回值,a 是 false 則肯定返回 c;如果 b , c 都是 true ,那麼我們就可以根據 a 來決定b 還是 c ,如果 a 是 false 則返回 c,如果a是true 則返回 b。

var a = 3  &&  0 || 2;  //2

return a || b && c

根據優先順序相當於先算 b && c ,然後和a 相 或;如果a是true,則返回a,不論是b或c,如果a是false,則如果b是false,返回b,如果b是true,返回c;

var b = 3 || 0  &&  2; // 3

var c= 0 || 2 && 3; // 3

5,獲取,設定url引數,url引數就是其中?後面的引數

這裡是設定url引數的函式,如果物件中有nullundefined,則會自動過濾。

function

seturlprmt(obj)

}return _rs.join('&');

}seturlprmt() // "a=0&b=1&c=010"

6,獲取檔案字尾名的方法,引數的file_name,即傳進來的檔案;返回值是副檔名、字尾名的位置下標以及檔名

function

getsuffix(file_name)

getsuffix('1234.png') // ["png", index: 5, input: "1234.png"]

getsuffix('1231344.file'); // ["file", index: 8, input: "1231344.file"]

7,檢視瀏覽器是否支援某乙個css3的屬性,不如firefox瀏覽器中是不支援-webkit-開頭的屬性的
function

supportcss3(style) );

};for (i in prefix)

humpstring.push(_tohumb(prefix[i] + '-' + style));

humpstring.push(_tohumb(style));

for (i in humpstring)

if (humpstring[i] in htmlstyle) return

true;

return

false;

}

這個是chorme中的結果:

8,怎麼判斷乙個物件是不是陣列型別?

我們採取最常用的方法:根據物件的class屬性(類屬性),跨原型鏈呼叫tostring()方法。

function

_getclass(o)

_getclass(new

date()); // date

_getclass('maolei'); // string

9,js的排序演算法,這裡就使用最簡單的氣泡排序,關於js的選擇排序演算法,大家可以參考js十大排序演算法詳解

function

bubblesort(arr) }}

return arr;

}var arr=[3,44,38,5,47,15,36,26,27,2,46,4,19,50,48];

bubblesort(arr);//[2, 3, 4, 5, 15, 19, 26, 27, 36, 38, 44, 46, 47, 48, 50] ;

10,最後是我在乙個前端大神芋頭君live前端筆試題十講中聽到的乙個題目:實現乙個最簡單的模板引擎,感覺很有趣,就直接以這道題作為結尾吧
render('我是},年齡},性別}',)
我們可以用正規表示式和replace解決:

var render = function(tpl,data)\}/g,function(m,m1))

}render('我是},年齡},性別}',)

// "我是姓名,年齡18,性別女"

js常用工具方法

slice substring substr 都有擷取字串的作用 1.substring substring 方法返回乙個索引和另乙個索引之間的字串 注意 方法返回乙個索引和另乙個索引之間的字串,語法如下 str.substring indexstart,indexend 下面有六點需要注意 sub...

JS案例 常用工具

let methods function return color 產生區間隨機數 randomnum min,max,bool 陣列去重 arrayuniq arr return list 陣列亂序 arrayrandom arr return arr 拆分url變成物件 urlsplit url...

Android常用工具方法

1.從流中解析新聞集合 使用pull解析器解析xml資料 private static listgetnewlistfrominputstream inputstream is throws exception else if new equals tagnme else if title equa...