美文网首页
进阶任务6-Math数组Date

进阶任务6-Math数组Date

作者: 我七 | 来源:发表于2017-08-14 15:49 被阅读0次

    Math任务

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

    function random(min, max) {
        return min + Math.floor(Math.random()*(max-min))
    }
    var arr = []
    for(var i=0; i< 50; i++){
       arr.push(random(0,10))
    }
    console.log(arr)
    

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

    function random(min, max) {
        return min + Math.floor(Math.random()*(max-min+1))
    }
    var arr = []
    for(var i=0; i< 50; i++){
       arr.push(random(0,10))
    }
    console.log(arr)
    

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

    function getRandStr(len){
       var dict= '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ'
       var str = ''
       for(var i = 0; i < len; i++){
          str += dict[random(0,62)]
    }
    return str;
    }
    var str = getRandStr(10);
    console.log(str) // 0a3iJiRZap
    

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

    function getRandIP(){
       var arr = []
       for(var i = 0;i < 4; i++){
          arr.push(random(0,256))
    }
    return arr.join('.')
    }
    var ip = getRandIP()
    console.log(ip) // 10.234.121.45
    

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

    function getRandColor(){
       var dict = '0123456789abcdef'
       var str = ' '
       for(var i=0; i<6; i++){
          str += dict[random(0,16)]
    }
    return '#' +str;
    }
    var color = getRandColor()
    console.log(color)   // 这个方法得出的颜色码‘#’后面有空格
    
    function getRandColor(){
        var arr=[]
        var dict='0123456789abcdef'
        arr.push('#')
        for(var i=0;i<6;i++){
            arr.push(dict[Math.floor(Math.random()*16)])    
        }
        return arr.join('')
    
    }
    var color = getRandColor()
    console.log(color) //这个方法得到的颜色码没有空格
    

    数组任务

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

    • push:给数组最后一位加一个值
    • pop:使数组的长度减1,删除数组中最后一个值
    • shift:删除数组中第一个元素,使数组长度减1
    • unshift:在数组头部加一个值,使数组长度加1
    • join: 将数组链接成字符串
    • splice:可以一次性解决数组添加、删除
      方法有三个参数:
      1.开始索引
      2.删除元素的位移
      3.插入的新元素,当然也可写多个新元素
      splice例子:
    var arr = [3,5,8,10]
    //想删除8
    arr.splice(2,1)
    console.log(arr) // [3,5,10]
    //将5替换 并删除,替换成7,8,9
    arr.splice(1,1, 7,8,9)
    console.log(arr) // [3,7,8,9,8,10]
    //在9后面增加200,300
    arr.splice(3,0, 200,300)
    console.log(arr)  // [3, 7, 8, 200, 300, 9, 8, 10]
    
    var arr = [1,2,3]
    arr.splice(arr.length,0, 'hello') // push, [1, 2, 3, "hello"] 
    arr.splice(arr.length-1,1) // pop, [1,2,3]
    arr.splice(0,1) // shift,[2, 3]
    arr.splice(0,0, 'hello') //unshift,["hello", 1, 2, 3]
    

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

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

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

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

    Date 任务

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

    function getChIntv(dateStr){
         var targetrDate = new Date(dateStr)
         var curDate = new Date()
         var offset = Math.abs(targetrDate - curDate)
         var totalSeconds = Math.floor(offset/1000)
         var second = totalSeconds%60
         var totalMinutes = Math.floor((offset/1000)/60)
         var minutes = totalMinutes%60
         var totalHours = Math.floor(totalMinutes/60)
         var hours = totalHours%24 
         var totalDays = Math.floor(totalHours/24)
         return '距除夕还有'+totalDays+'天'+hours+'小时'+minutes+'分钟'+second+'秒'
    }
    var str = getChIntv("2017-02-08");
    console.log(str);  // 距除夕还有 20 天 15 小时 20 分 10 秒
    

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

    function getChsDate(time){
    var dict=['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五',
     '十六', '十七', '十八', '十九', '二十', '二一', '二二', '二三', '二四', '二五', '二六', '二七', '二八', '二九', '三十', '三一'];
    var arr=time.split('-');
    var year=arr[0].split('');
    var yearStr='';
    for (var i=0; i<4; i++){
    yearStr = yearStr+dict[parseInt(year[i])]
    }
    var monthStr = dict[parseInt(arr[1])];
    var dayStr = dict[parseInt(arr[2])];
    return yearStr+'年'+monthStr+'月'+dayStr+'日'
    }
    var str = getChsDate('2015-01-08');
    console.log(str);  // 二零一五年一月八日
    

    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 friendlyDate(time){
      time = parseInt(time)
      var timeGap = new Date() - new Date(time)  // 毫秒数
      timeGap = (timeGap / 1000) + 28800   // 秒数 (时区原因要加 8 个小时)
      if (timeGap < 60) {
        return '刚刚'
      } else if (timeGap >= 60 && timeGap < 3600) {
        var minute = Math.floor(timeGap / 60)
        return minute + '分钟前'
      } else if (timeGap >= 3600 && timeGap < 86400) {
        var hour = Math.floor(timeGap / 3600)
        return hour + '小时前'
      } else if (timeGap >= 86400 && timeGap < 2592000) {
        var day = Math.floor(timeGap / 86400)
        return day + '天前'
      } else if (timeGap >= 2592000 && timeGap < 31104000) {
        var month = Math.floor(timeGap / 2592000)
        return month + '个月前'
      } else if (timeGap >= 31104000) {
        var year = Math.floor(timeGap / 31104000)
        return year + '年前'
      }
    }
    console.log(new Date()) // Fri Aug 11 2017 01:35:43 GMT+0800 (CST)
    console.log(friendlyDate('1484286699422')) // 7个月前
    console.log(friendlyDate('1483941245793')) // 7个月前
    

    相关文章

      网友评论

          本文标题:进阶任务6-Math数组Date

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