美文网首页
Math&&Array&&Date

Math&&Array&&Date

作者: zh_yang | 来源:发表于2017-09-09 15:52 被阅读0次

    Task of Math

    1、写一个函数,返回从min到max之间的 随机整数,包括min不包括max

    • 思路:
      产生随机数要用到Math.random;
      返回整数且保证概率相等要用到Math.floor;
      先利用Math.foor(Math.random()*(math-min)得到[0,max-min),即随机数介于0和max-min之间,包括0,不包括max-min;
      [0,max-min)+min得到[min,max)。
    • 测试代码如下:
    function randomNum(min,max){
      return Math.floor(Math.random()*(max-min))+min
    }
    console.log(randomNum(1,10))  //产生1~10的随机数,包括1不包括10
    
    • 考虑到如果min、max手误输入相反位置,优化代码如下:
    function randomNum(min,max){
      var temp
      if (min > max) {
            temp = min
            min = max
            max = temp
        }
      return Math.floor(Math.random()*(max-min))+min
    }
    console.log(randomNum(1,10))
    
    • 延伸:
      如果需要返回的是:[min,max],则
      return Math.floor(Math.random() * (max - min + 1))+min;
      如果需要返回的是:(min,max],则
      return Math.ceil(Math.random()*(max-min))+min;
      如果需要返回的是:(min,max),则
      return Math.ceil(Math.random()*(max-min-1))+min;

    2、写一个函数,返回从min到max之间的 随机整数,包括min包括max

     function randomNum(min,max){
      var temp
      if (min > max) {
            temp = min
            min = max
            max = temp
        }
      return Math.floor(Math.random()*(max-min+1))+min
    }
    console.log(randomNum(1,10))
    

    3、写一个函数,生成一个长度为 n 的随机字符串,字符串字符的取值范围包括0到9,a到 z,A到Z。

    function getRandStr(len){
      //补全函数
    }
    var str = getRandStr(10); // 0a3iJiRZap
    

    思路:建立一个字符库,一个空字符,每次随机的抽取一个字符以空字符为基础进行拼接,一共执行n次。

    function getRandStr(len){
      var randomStr='';
      var Str='0123456789abcdefghigklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
      function randomIndex(){
        return Math.floor(Math.random()*Str.length)
      }
      for(var i=0;i<len;i++){
        randomStr += Str[randomIndex()]
      }
      return randomStr;
    }
    console.log(getRandStr(10))
    

    4、写一个函数,生成一个随机 IP 地址,一个合法的 IP 地址为 0.0.0.0~255.255.255.255

    function getRandIP(){
      //补全
    }
    var ip = getRandIP()
    console.log(ip) // 10.234.121.45
    
    function getRandIP(){
      function randomNum(){
        return Math.floor(Math.random()*256)
      }
      var ip = randomNum()
      var i =0
      while(i<3){
        ip += '.' + randomNum()
        i++
      }
      return ip
    }
    var ip = getRandIP()
    console.log(ip) // 如:10.234.121.45
    

    也可以利用数组的 join 方法,先用一个数组容纳各个数字,然后用 ' . ' 分隔并返回字符串。

    function getRandIP(){
      function randomNum(){
        return Math.floor(Math.random()*256)
      }
      var ip = []
      var i =0
      while(i<4){
        ip[i] = randomNum()
        i++
      }
      return ip.join('.')
    }
    var ip = getRandIP()
    console.log(ip) // 如:10.234.121.45
    

    5、写一个函数,生成一个随机颜色字符串,合法的颜色为#000000~ #ffffff

    function getRandColor(){
    }
    var color = getRandColor()
    console.log(color)   // #3e2f1b
    

    方法一:列出每一位所有可能自取值,然后循环随机抽取并拼接。

    function getRandColor(){
      function randomIndex(){
        return Math.floor(Math.random()*16)
      }
      var Str = '0123456789abcdef'
      var randColor='#'
      var i=0
      while(i<6){
        randColor += Str[randomIndex()]
        i++
      }
      return randColor
    }
    var color = getRandColor()
    console.log(color)   // #3e2f1b
    

    方法二:每一位的取值为[0,16),但需要转换为16进制。

    function getRandColor(){
      function randomNum(){
        return Math.floor(Math.random()*16)
      }
      var randColor='#'
      var i=0
      while(i<6){
        randColor += randomNum().toString(16)
        i++
      }
      return randColor
    }
    var color = getRandColor()
    console.log(color)   // #3e2f1b
    

    Task of Array

    1、数组方法里push、pop、shift、unshift、join、splice分别是什么作用?用 splice函数分别实现push、pop、shift、unshift方法

    • 数组方法归纳:
    方法 用法 说明
    push Array.push(str) 在数组最后添加一个或多个元素
    pop Array.pop() 把数组最后一位弹出来,返回
    unshift Array.unshift(str) 在数组最前边添加一个或多个元素
    shift Array.shift() 把数组第一位拿出来返回,数组发生变化
    join Array.join(separator) 作用是将数组各个元素是通过指定的分隔符进行连接成为一个字符串并返回。其作用和toString()相同
    slice Array.slice(start,end) 该方法可从已有的数组中返回选定的元素,原数组不变
    concat concat(array) 用于拼接数组,a.concat(b)返回一个a和b共同组成的新数组,不会修改任何一个原始数组,也不会递归连接数组内部数组
    reverse Array.reverse() 方法用于将数组逆序,它会修改原数组
    splice Array.splice(index, howmany, element1,.....,elementX) 用于一次性解决数组添加、删除(这两种方法一结合就可以达到替换效果),方法有三个参数
    sort Array.sort() Array.sort(parameter) sort方法用于对数组进行排序,当没有参数的时候会按字母表升序排序,如果含有undefined会被排到最后面,对象元素则会调用其toString方法
    • 用 splice函数实现push方法
    var arr1=[3,4,5]
    arr1.push('hello')
    console.log(arr1)   //[3, 4, 5, "hello"]
    
    function pushDiy(arr,item){
      arr.splice(arr.length,0,item)
      return arr.length
    //模仿push返回数组处理后的长度
    }
    
    var arr2=[3,4,5]
    pushDiy(arr2,'hello')
    console.log(arr2)   //[3, 4, 5, "hello"]
    
    • 用 splice函数实现pop方法
    var arr1=[3,4,5]
    arr1.pop()
    console.log(arr1)   //[3, 4]
    
    function popDiy(arr){
      return arr.splice(arr.length-1,1) [0]
    //模仿pop返回截取的内容
    }
    
    var arr2=[3,4,5]
    poDiy(arr2)
    console.log(arr2)   //[3, 4]
    
    • 用 splice函数实现shift方法
    var arr1=[3,4,5]
    arr1.shift()
    console.log(arr1)   //[4, 5]
    
    function shiftDiy(arr){
      return arr2.splice(0,1)[0]
    //模仿shift返回截取的内容
    }
    
    var arr2=[3,4,5]
    shiftDiy(arr2)
    console.log(arr2)   //[4, 5]
    
    • 用 splice函数实现unshift方法
    var arr1=[3,4,5]
    arr1.unshift('hello')
    console.log(arr1)   //["hello", 3, 4, 5]
    
    function unshiftDiy(arr,item){
      arr.splice(0,0,item)
      return arr
    //模仿unshift返回处理后的数组
    }
    
    var arr2=[3,4,5]
    unshiftDiy(arr2,'hello')
    console.log(arr2)   //["hello", 3, 4, 5]
    

    2、写一个函数,操作数组,数组中的每一项变为原来的平方,在原数组上操作

    function squareArr(arr){
      for(var i = 0;i < arr.length;i++){
        arr[i]*=arr[i]  //或者用Math函数Math.pow(arr[i], 2)
      }
    }
    var arr = [2, 4, 6]
    squareArr(arr)
    console.log(arr) // [4, 16, 36]
    

    3、写一个函数,操作数组,返回一个新数组,新数组中只包含正数

    方法一:

    function filterPositive(arr){
        var newArr=[]
        for (var i = 0; i < arr.length; i++){
            if (typeof arr[i] === 'number' && arr[i] > 0) {
                newArr.push(arr[i])
            }
            
        }
        return newArr;
    }
    var arr = [3, -1,  2,  '饥人谷', true]
    var newArr = filterPositive(arr)
    console.log(newArr) //[3, 2]
    

    方法二:

    function filterPositive(arr){
      var newArr=[]
      for(var i=0;i<arr.length;i++){
        if(typeof arr[i] === 'number'){
          if(arr[i]>0){newArr.push(arr[i])}
        }
      }
      return newArr
    }
    var arr = [3, -1,  2,  '饥人谷', true]
    console.log(filterPositive(arr)) //[3,  2]
    console.log(arr) //[3, -1, 2, "饥人谷", true]
    

    Task of Date

    1、写一个函数getChIntv,获取从当前时间到指定日期的间隔时间

    var str = getChIntv("2017-02-08 10:30:24");
    console.log(str);
    

    基础方法:把指定日期和当前时期到标准时间间隔的毫秒数相减,然后转换成天数、时分秒数等。

    function getChIntv(timeStr){
      var interval = new Date()-new Date(timeStr);
      return '间隔时间为:'+Math.floor(interval/(24*60*60*1000))+'天,'
      +Math.floor((interval%(24*60*60*1000))/(60*60*1000))+'时,'
      +Math.floor((interval%(60*60*1000))/(60*1000))+'分,'
      +Math.floor((interval%(60*1000))/1000)+'秒,'
      +interval%1000+'毫秒。'; 
    }
    var str = getChIntv("2017-02-08 10:30:24");
    console.log(str);  //输出:"间隔时间为:208天,4时,56分,24秒,120毫秒。"
    

    可以加入变量简化计算:

    function getChIntv(timeStr){
      var interval = new Date()-new Date(timeStr);
      var milliSecond = interval%1000;
      var seconds = Math.floor(interval/1000);
      var second = seconds%60;
      var minutes = Math.floor(seconds/60);
      var minute = minutes%60;
      var hours = Math.floor(minutes/60);
      var hour = hours%24;
      var days = Math.floor(hours/24);
      return '时间间隔为:'+days+'天,'+hour+'时,'+minute+'分,'+second+'秒,'
    +milliSecond+'毫秒。'
    }
    var str = getChIntv("2017-02-08 10:30:24");
    console.log(str);输出:"间隔时间为:208天,4时,56分,40秒,110毫秒。"
    

    2、把hh-mm-dd格式数字日期改成中文日期

    var str = getChsDate('2015-01-08');
    console.log(str);  // 二零一五年一月八日
    
    function getChsDate(str){
      var chsYear='',chsMonth='',chsDate=''
      var date1=new Date(Date.parse(str))
      //将字符串转换为日期
      var year=date1.getFullYear().toString()
      var month=date1.getMonth().toString()
      var date=date1.getDate().toString()
      //分别用日期的方法获取年月日
      var years=['零','一','二','三','四','五','六','七','八','九']
      var months=['一','二','三','四','五','六','七','八','九','十','十一','十二']
      var dates=['','一','二','三','四','五','六','七','八','九']
      //创造字典,年月比较简单,一一对应,日需要有逻辑判断后连接
      for(var i=0;i<year.length;i++){chsYear += years[year[i]]}
      for(var j=0;j<month.length;j++){chsMonth += months[month[j]]}
      chsDate = dates[date[0]] + (date.length===1?'':'十'+dates[date[1]])
      console.log(chsYear+'年'+chsMonth+'月'+chsDate+'日')
    }
    getChsDate('2015-01-08')
    //"二零一五年一月八日"
    

    也可以用数组的方法代替Date的方法

    3、写一个函数,参数为时间对象毫秒数的字符串格式,返回值为字符串。假设参数为时间对象毫秒数t,根据t的时间分别返回如下字符串:

    • 刚刚( t 距当前时间不到1分钟时间间隔)
    • 3分钟前 (t距当前时间大于等于1分钟,小于1小时)
    • 8小时前 (t 距离当前时间大于等于1小时,小于24小时)
    • 3天前 (t 距离当前时间大于等于24小时,小于30天)
    • 2个月前 (t 距离当前时间大于等于30天小于12个月)
    • 8年前 (t 距离当前时间大于等于12个月)
    function queryTime(t){
      var interval=Date.now()-t;
      switch(true){
        case interval<0:
          console.log('在未来');
          break;
        case interval>=0&&interval<(60*1000):
          console.log('刚刚');
          break;
        case interval>=(60*1000)&&interval<(60*60*1000):
          console.log('3分钟前');
          break;
        case interval>=(60*60*1000)&&interval<(24*60*60*1000):
          console.log('8小时前');
          break;
        case interval>=(24*60*60*1000)&&interval<(30*24*60*1000):
          console.log('3天前');
          break;
        case interval>=(30*24*60*1000)&&interval<(12*30*24*60*1000):
          console.log('2个月前');
          break;
        case interval>=(12*30*24*60*1000):
          console.log('8年前');
          break;
      }
    }
    queryTime('1504513587883');  //输出:"刚刚"
    console.log(Date.now())  //输出:1504513614540
    

    相关文章

      网友评论

          本文标题:Math&&Array&&Date

          本文链接:https://www.haomeiwen.com/subject/sooojxtx.html