1，對于cookie的操作，其中包括了設(shè)置、獲取、刪除cookie的操作。下面這個是我在公司的項目里面使用的工具庫里的方法，測試就不測試了
// setcookie()// @about 設(shè)置cookiefunction setcookie(name, value) { var Days = 30; var exp = new Date();
exp.setTime(exp.getTime() + Days * 24 * 60 * 60 * 1000); document.cookie = name + "=" + escape(value) + ";expires=" + exp.toGMTString();
}// getcookie()// @about 獲取cookiefunction getcookie(name) { var arr = document.cookie.match(new RegExp("(^| )" + name + "=([^;]*)(;|$)")); if (arr != null) { return (arr[2]);
} else { return "";
}
}// delcookie()// @about 刪除cookiefunction delcookie(name) { var exp = new Date();
exp.setTime(exp.getTime() - 1); var cval = getcookie(name); if (cval != null) { document.cookie = name + "=" + cval + ";expires=" + exp.toGMTString();
}
}2，隨機(jī)返回一個范圍的數(shù)字。參數(shù)是兩個的時候，返回傳入的兩個參數(shù)的區(qū)間的隨機(jī)函數(shù)；參數(shù)是一個的時候，返回0到這個數(shù)的隨機(jī)函數(shù)；參數(shù)是零個的時候，返回0到255區(qū)間的整數(shù)，大家可以根據(jù)自己的需要進(jìn)行擴(kuò)展
function randomNumber(n1,n2){ if(arguments.length===2){ return Math.round(n1+Math.random()*(n2-n1));
}
else if(arguments.length===1){ return Math.round(Math.random()*n1)
} // // else{ return Math.round(Math.random()*255)
}
}
randomNumber(5,10) // 返回5-10的隨機(jī)整數(shù)，包括5，10randomNumber(10) // 返回0-10的隨機(jī)整數(shù)，包括0，10randomNumber() // 返回0-255的隨機(jī)整數(shù)，包括0，2553，到某一個時間的倒計時，傳入的參數(shù)以 (YYYY/MM/DD H:mm:ss)
function getEndTime(endTime){ var startDate=new Date(); //開始時間，當(dāng)前時間 var endDate=new Date(endTime); //結(jié)束時間，需傳入時間參數(shù) var t=endDate.getTime()-startDate.getTime(); //時間差的毫秒數(shù) var d=0,h=0,m=0,s=0; if(t>=0){
d=Math.floor(t/1000/3600/24);
h=Math.floor(t/1000/60/60%24);
m=Math.floor(t/1000/60%60);
s=Math.floor(t/1000%60);
}
return "剩余時間"+d+"天 "+h+"小時 "+m+" 分鐘"+s+" 秒";
}
getEndTime('2018/8/8 8:0:0') // "剩余時間172天 12小時 10 分鐘47 秒"4，清除對象中值為空的屬性
function filterParams(obj){ let _newPar = {}; for (let key in obj) { if ((obj[key] !== 0 && obj[key]) && obj[key].toString().replace(/(^\s*)|(\s*$)/g, '') !== '') {
_newPar[key] = obj[key];
}
} return _newPar;
}
filterParams({a:0, b:1, c:"010", d:null, e:undefined,f:false})
// 當(dāng)值等于0,null,undefined的時候，就會被過濾這里涉及到了一個知識點(diǎn)：&&和||運(yùn)算符的先后順序，我相信大部分的朋友都知道，我就簡單提一下：
return a && b || c ,
根據(jù)a來判斷返回值，a 是 false 則肯定返回 c；如果 b , c 都是 true ，那么我們就可以根據(jù) a 來決定b 還是 c ，如果 a 是 false 則返回 c，如果a是true 則返回 b。var a = 3 && 0 || 2; //2
return a || b && c
根據(jù)優(yōu)先級相當(dāng)于先算 b && c ,然后和a 相 或；如果a是true，則返回a，不論是b或c，如果a是false，則如果b是false，返回b，如果b是true，返回c；
var b = 3 || 0 && 2; // 3var c= 0 || 2 && 3; // 3
更多操作大家可以參考JS運(yùn)算符&&和|| 及其優(yōu)先級。
5，獲取，設(shè)置url參數(shù)，url 參數(shù)就是其中 ? 后面的參數(shù)
function getUrlPrmt(url) {
url = url ? url : window.location.href; let _pa = url.substring(url.indexOf('?') + 1), _arrS = _pa.split('&'), _rs = {}; for (let i = 0, _len = _arrS.length; i < _len; i++) { let pos = _arrS[i].indexOf('='); if (pos == -1) { continue;
} let name = _arrS[i].substring(0, pos), value = window.decodeURIComponent(_arrS[i].substring(pos + 1));
_rs[name] = value;
} return _rs;
}結(jié)果如下：
demo_5.png
這里是設(shè)置url參數(shù)的函數(shù)，如果對象中有null和undefined，則會自動過濾。
function setUrlPrmt(obj) { let _rs = []; for (let p in obj) { if (obj[p] != null && obj[p] != '') {
_rs.push(p + '=' + obj[p])
}
} return _rs.join('&');
}
setUrlPrmt({a:'0', b:1, c:"010", d:null, e:undefined,f:false}) // "a=0&b=1&c=010"6，獲取文件后綴名的方法，參數(shù)的file_name，即傳進(jìn)來的文件；返回值是擴(kuò)展名、后綴名的位置下標(biāo)以及文件名
function getSuffix(file_name) { var result = /[^\.]+$/.exec(file_name); return result;
}
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) { var prefix = ['webkit', 'Moz', 'ms', 'o'],
i,
humpString = [],
htmlStyle = document.documentElement.style,
_toHumb = function(string) { return string.replace(/-(\w)/g, function($0, $1) { return $1.toUpperCase();
});
}; 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中的結(jié)果：
chorme1.png
這個是firefox中的結(jié)果：
firefox.png
8，怎么判斷一個對象是不是數(shù)組類型？
我們采取最常用的方法：根據(jù)對象的class屬性(類屬性)，跨原型鏈調(diào)用toString()方法。
function _getClass(o){ return Object.prototype.toString.call(o).slice(8,-1);
}
_getClass(new Date()); // Date_getClass('maolei'); // String此外如果你想要了解更多的判斷是不是數(shù)組類型的方法，可參考：判斷一個對象是不是數(shù)組類型
9，js的排序算法，這里就使用最簡單的冒泡排序，關(guān)于js的選擇排序算法，大家可以參考js十大排序算法詳解
function bubbleSort(arr) { var len = arr.length; for (var i = 0; i < len; i++) { for (var j = 0; j < len - 1 - i; j++) { if (arr[j] > arr[j+1]) { //相鄰元素兩兩對比 var temp = arr[j+1]; //元素交換
arr[j+1] = arr[j];
arr[j] = temp;
}
}
} 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前端筆試題十講中聽到的一個題目：實現(xiàn)一個最簡單的模板引擎，感覺很有趣，就直接以這道題作為結(jié)尾吧
render('我是{{name}}，年齡{{age}}，性別{{sex}}',{
name:'姓名',
age:18,
sex:'女'})我們可以用正則表達(dá)式和replace解決：
var render = function(tpl,data){ return tpl.replace(/\{\{(.+?)\}\}/g,function(m,m1){ return data[m1]
})
}
render('我是{{name}}，年齡{{age}}，性別{{sex}}',{ name:'姓名', age:18,sex:'女',
})
// "我是姓名，年齡18，性別女"相關(guān)推薦：
180多個PHP常用函數(shù)總結(jié)
MySQL中的常用函數(shù)詳解
php正則表達(dá)式中常用函數(shù)的詳解
以上就是10個js常用函數(shù)的詳細(xì)內(nèi)容，更多請關(guān)注php中文網(wǎng)其它相關(guān)文章！