JS前端開發實用技巧整理

一、獲取連接中的參數：

function getQueryString(name) {
 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");
 var r = window.location.search.substr(1).match(reg);
 if (r != null) return unescape(r[2]);
 return null;
}

二、生成指定範圍內的隨機數

function getRadomNum(min, max) {
 return Math.floor(Math.random() * (max - min + 1)) + min;
}

三、數字每三位加逗號

（1）耗時少：

function toThousands(num) {
 var num = (num || 0).toString(),result = '';
 while (num.length > 3) {
 result = ',' + num.slice(-3) + result;
 num = num.slice(0, num.length - 3);
 }
 if (num) { result = num + result; }
 return result;
}

（2）實現簡單：

function toThousands(num) {
 return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)/g, '$1,');
}

四、修改數組排列順序

function getArrDes(arr){//降序
 return arr.sort(function(){
 if (x < y) {return 1;} else if (x > y) {return -1;} else {return 0;}
 });
}
 
function getArrAsc(arr){//升序
 return arr.sort(function(){
 if (x < y) {return -1;} else if (x > y) {return 1;} else {return 0;}
 });
}

五、獲取數組中數值的最大值和最小值

（1）獲取最大值：

function getArrMax(arr){
 return Math.max.apply(null,arr);
}

（2）獲取最小值：

function getArrMin(arr){
 return Math.min.apply(null,arr);
}

六、去除字符串後的空格：

function trim(str){
 return str.replace(/(^\s*)|(\s*$)/g, "");
}

七、隨機獲取數組裏的元素

function getRadomFromArr(arr){
 return arr[Math.floor(Math.random()*arr.length)];
}

八、巧妙使用「&&」,「||」賦值：

&&：從左往右依次判斷，噹噹前值爲true則繼續，爲false則返回此值

    ||：從左往右依次判斷，噹噹前值爲false則繼續，爲true則返回此值

var value = true && "aaa";//aaa
var value = false && 12 && "bbb" //false
var value = 222 || "aaa" //222
var value = false || "bbb" //bbb