1.封裝函數(shù) f神年,使 f 的 this 指向指定的對(duì)象
function bindThis(func, oTarget) {
return function(){
return func.apply(oTarget, arguments);
};
}
2.獲取url參數(shù)
###(1)獲取路徑
// 首先獲取 Url匙隔,然后把 Url 通過(guò)截成兩部分涉馅,再?gòu)暮笠徊糠种薪厝∠鄬?duì)路徑般贼。
//如果截取到的相對(duì)路徑中有參數(shù),則把參數(shù)去掉肯污。
function queryUrlPath()
{
var url = document.location.toString();
var arrUrl = url.split("http://");
var start = arrUrl[1].indexOf("/");
var relUrl = arrUrl[1].substring(start);
if(relUrl.indexOf("?") != -1){
relUrl = relUrl.split("?")[0];
}
return relUrl;
}
console.log( queryUrlPath())
(2)獲取url中指定參數(shù)
使用正則表達(dá)式
function getQueryString(name) {
var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); // 匹配目標(biāo)參數(shù)
var result = window.location.search.substr(1).match(reg); // 對(duì)querystring匹配目標(biāo)參數(shù)
if (result != null) {
return decodeURIComponent(result[2]);
} else {
return null;
}
}
console.log(getQueryString('id'))
數(shù)組split
//獲取url中指定參數(shù)
function getQueryString(paraName) {
var url = window.location.toString();
var arrObj = url.split("?");
if (arrObj.length > 1) {
var arrPara = arrObj[1].split("&");
var arr;
for (var i = 0; i < arrPara.length; i++) {
arr = arrPara[i].split("=");
if (arr != null && arr[0] == paraName) {
return arr[1];
}
}
return "";
}
else {
return "";
}
}
console.log(getQueryString("id"))
3.數(shù)組去重
//ES6普通數(shù)據(jù)類型可以這樣用庭砍,對(duì)象就不行了
Array.prototype.uniq = function () {
return [...new Set(this)];
}
Array.prototype.uniq = function () {
var resArr = [];
var flag = true;
for(var i=0;i<this.length;i++){
if(resArr.indexOf(this[i]) == -1){
if(this[i] != this[i]){ //排除 NaN
if(flag){
resArr.push(this[i]);
flag = false;
}
}else{
resArr.push(this[i]);
}
}
}
return resArr;
}
4.時(shí)間格式化輸出
//slice() 方法可從已有的數(shù)組中返回選定的元素。如果是負(fù)數(shù)拾并,那么規(guī)定從數(shù)組尾部開(kāi)始算起的位置
function formatDate(t,str){
var obj = {
yyyy:t.getFullYear(),
yy:(""+ t.getFullYear()).slice(-2),
M:t.getMonth()+1,
MM:("0"+ (t.getMonth()+1)).slice(-2),
d:t.getDate(),
dd:("0" + t.getDate()).slice(-2),
H:t.getHours(),
HH:("0" + t.getHours()).slice(-2),
h:t.getHours() % 12,
hh:("0"+t.getHours() % 12).slice(-2),
m:t.getMinutes(),
mm:("0" + t.getMinutes()).slice(-2),
s:t.getSeconds(),
ss:("0" + t.getSeconds()).slice(-2),
w:['日', '一', '二', '三', '四', '五', '六'][t.getDay()]
};
return str.replace(/([a-z]+)/ig,function($1){return obj[$1]});
}
5.郵箱驗(yàn)證
// \w查找單詞字符 * 表示的是:前面的表達(dá)式出現(xiàn)了0次到多次 + 表示的是:前面的表達(dá)式出現(xiàn)了1次
// 到多次 ? 表示的是:前面的表達(dá)式出現(xiàn)了0次到1次,^ 表示的是以什么開(kāi)始,$表示的是以什么結(jié)束,
function isAvailableEmail(sEmail) {
return /^(\w+)(\.\w+)*@(\w+)(\.\w+)*.(\w+)$/i.test(sEmail);
}
6.深拷貝
function deepClone(obj){
let objClone = Array.isArray(obj)?[]:{};
if(obj && typeof obj==="object"){
for(key in obj){
if(obj.hasOwnProperty(key)){
//判斷ojb子元素是否為對(duì)象揍堰,如果是,遞歸復(fù)制
if(obj[key]&&typeof obj[key] ==="object"){
objClone[key] = deepClone(obj[key]);
}else{
//如果不是辟灰,簡(jiǎn)單復(fù)制
objClone[key] = obj[key];
}
}
}
}
return objClone;
}
let a=[1,2,3,4],
b=deepClone(a);
a[0]=2;
console.log(a,b);