JS前端开发实用技巧整理

1、获取链接中的参数:

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;
}

2、生成指定范围内的随机数

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

3、数字每三位加逗号

(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,');
}

4、修改数组排列顺序

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;}
 });
}

5、获取数组中数值的最大值和最小值

(1)获取最大值:

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

(2)获取最小值:

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

6、去除字符串后的空格:

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

7、随机获取数组里的元素

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

8、巧妙使用“&&”,“||”赋值:

&&:从左往右依次判断,当当前值为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

猜你喜欢

转载自my.oschina.net/u/3649083/blog/1585758