您的位置:首页 > Web前端 > JQuery

js/jquery常用方法(replaceALl、new Map()、点击th(表头)或拖动tr只前台排序)

2016-10-08 15:38 639 查看
//js实现replaceALl

//js实现replaceALl
String.prototype.replaceAll = function(reallyDo, replaceWith, ignoreCase) {
if (!RegExp.prototype.isPrototypeOf(reallyDo)) {
return this.replace(new RegExp(reallyDo, (ignoreCase ? "gi": "g")), replaceWith);
} else {
return this.replace(reallyDo, replaceWith);
}
}

实例:

引入上面js方法后,使用js对象直接.replaceAll即可。如下图



//实例化一个Map

/**
* 描述:js实现的map方法
* @returns {Map}
*/
function Map(){
var struct = function(key, value) {
this.key = key;
this.value = value;
};
// 添加map键值对
var put = function(key, value){
for (var i = 0; i < this.arr.length; i++) {
if ( this.arr[i].key === key ) {
this.arr[i].value = value;
return;
}
};
this.arr[this.arr.length] = new struct(key, value);
};
// 根据key获取value
var get = function(key) {
for (var i = 0; i < this.arr.length; i++) {
if ( this.arr[i].key === key ) {
return this.arr[i].value;
}
}
return null;
};
// 根据key删除
var remove = function(key) {
var v;
for (var i = 0; i < this.arr.length; i++) {
v = this.arr.pop();
if ( v.key === key ) {
continue;
}
this.arr.unshift(v);
}
};
// 获取map键值对个数
var size = function() {
return this.arr.length;
};
// 判断map是否为空
var isEmpty = function() {
return this.arr.length <= 0;
};
this.arr = new Array();
this.get = get;
this.put = put;
this.remove = remove;
this.size = size;
this.isEmpty = isEmpty;
}


实例:

引入上面js方法后,直接new Map()即可。如下图



效果:







//点击表头实现前台多种情况排序,不需要走后台,直接贴代码,效果就不展示了



注: jquery.sortElements.js  下载地址:https://github.com/padolsey-archive/jquery.fn/tree/master/sortElements

//拖动同一个table内的tr实现不走后台的排序,直接贴代码,效果就不展示了


                                            
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息