js常用方法汇总

随机颜色

//Math.random()产生一个0到1的随机数
//Math.ceil()对数进行上舍入
//toString(16) 方法可把一个逻辑值转换为字符串，并返回结果。

//方法一：（推荐使用，简单易懂）
function randomColor() {
    var r = Math.floor(Math.random() * 256);
    var g = Math.floor(Math.random() * 256);
    var b = Math.floor(Math.random() * 256);
    return "rgb(" + r + ',' + g + ',' + b + ")"; //所有方法的拼接都可以用ES6新特性`其他字符串{$变量名}`替换
}
console.log(randomColor()) //rgb(239,104,41)

//方法二：
 function randomColor(){
     var color=Math.ceil(Math.random()*16777215).toString(16);  
     while(color.length < 6) color = "0" + color;  
     return '#' + color;  
 }  

 console.log(randomColor()) //#de7322

 //方法还有很多种，这两种堪称简单易懂

产生在m、n之间的随机整数

//Math.round()把数四舍五入为最接近的整数。
function random(m, n) {
    return Math.round(Math.random() * (n - m)) + m;
}
console.log(random(20,30)) //20--30之间整数

将一个dom元素划分成多个小块生成一个数组

//splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目。
//arrayObject.splice(位置,项目数量,新项目)
//返回值：array(新数组)
//ele.offsetHeight返回元素的高

function(ele,n){ //ele：Dom节点 n：分为多少块
  var num = new Array()
  for (var i = 0; i < ele.offsetHeight / n - 1; i++) num.splice(i, 0, i);
  return num
}
//$("barrage")元素的高是400 //分成20个小块
console.log(block($("barrage"),20))//[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 17, 18, 19]

定义一个id选择函数

//定义一个id选择函数
function $(id) {
    return document.getElementById(id);
}
//console.log($("barrage")) //获取id是barrage的dom元素
//其它分装需要自己去探索

二分算法

var arr = [1,2,3,4,5,6,7,8]
function helfSearch(ary,num){  
    var len = ary.length,  
        middle = Math.floor(len/2),  
        mNum = ary[middle];
    if(len === 0) return null  
    else if(mNum === num) return middle;  
    else if(mNum > num) return helfSearch(ary.slice(0,middle),num);  
    else return helfSearch(ary.slice(middle+1),num);   
}  
//查找某个元素在数组中的位置
console.log('我是二分算法')
console.log(helfSearch(arr,1));