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

那些你不知道的js使用技巧

2017-09-15 09:36 513 查看
整理了一些javascript当中一些实用的技巧,说不定可以节省很多的开发时间,赶紧收藏吧!。

五分制打分系统

/*五分制打分系统*/
function getRating(rating) {
if(rating > 5 || rating < 0) throw new Error("数字不在范围内");
return "★★★★★☆☆☆☆☆".substring(5 - rating, 10 - rating );
}
//调用方法及执行的结果
getRating(3);//结果:★★★☆☆


生成n个相同字符拼接成的字符串

/*生成index个相同的str字符串*/
function create_str(index,str) {
return new Array(index + 1).join(str);
}
//调用方法及执行结果
create_str(2,"abc")//结果:abcabc


多行字符串

/*第一种    通过反斜杠处理换行*/
var str = "console.log(123)
console.log(123)
console.log(123)
console.log(123)
console.log(123)";


/*第二种    通过函数的方式*/
var str = (function () {
/**
console.log(123)
console.log(123)
console.log(123)
console.log(123)
**/
}).toString().split("**")[1];


/*第三种*/
var str = "console.log(123)" +
"console.log(123)" +
"console.log(123)" +
"console.log(123)";


快速生成一个,值依次递增的数组

Array.apply(null, new Array(15)).map(function(item, index) {
  return index + 1;
});
//ES6语法
Array.from(Array(10), (v, i) => i);


劫持函数

window.alert = function(s) {
if (confirm("是否要弹框框,内容是" + s + "?")) {
alert(s);
}
};


快速地将其他数据类型转换成number类型

console.log(typeof +"1");//number
console.log(typeof +new Date())//number


取整同时转成数值型

/*直接去除小数点后面的,不能四舍五入*/
("10.567890"|0)//10   number


获取随机码

Math.random().toString(16).substring(2); //14位随机码
Math.random().toString(36).substring(2); //11位随机码


获取数组当中的最大最小值

Math.min.apply(Math,[1,2,3,4,5,6])//获取最小值
Math.max.apply(Math,[1,2,3,4,5,6])//获取最小值


更多原创技术文章访问:meetqy.com

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