美文网首页
进阶6:Math数组Date

进阶6:Math数组Date

作者: FLYSASA | 来源:发表于2017-12-07 16:38 被阅读0次

    Math任务

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

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

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

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

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

    function getRandStr(len){
      //补全函数
        var dict='0123456789abcdefghigklmnopqstuvwxyzABCDEFGHIGKLMNOPQRSTUVWXYZ';
        var randomstr = '';
        for(var i=0;i<len;i++){
          randomstr += dict[Math.floor(Math.random()*dict.length) ];
    }
        return randomstr;
    }
    var str = getRandStr(10);
    console.log(str);
    

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

    function randomIP(len){
        var arr=[];
        for(var i=0;i<4;i++){
          arr.push(Math.floor(Math.random()*256) )
        }
        return arr.join('.')
    }
    

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

    function getRandColor(){
        var dict='0123456789abcdef'
        var str=''
        for(var i=0;i<6;i++){
        str += dict[Math.floor(Math.random()*16)]
          }
        return str = "#"+str;
     }
    var color = getRandColor()
    console.log(color) 
    

    数组任务

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

    栈方法

    push和pop都为栈方法,index和length会自动改变,它能够让我们像堆栈那样先入后出使用数组.该方法会改变原来的数组。

    • push:
      使用push可以在数组最后添加一个或多个元素,并且返回数组的长度
      如:
    var arr=[2,3,4,5];
    arr.push(10);//  [2,3,4,5,10]
    

    push可以用来给一个数组添加另一个数组的所有元素.
    如:

    var str1= ['hello','my']
    var str2=['lovely','world']
    Array.prototype.push.apply(str1,str2);//返回长度4, 把str2中元素加给str1
    
    • pop:
      pop方法用来删除数组的最后一个元素,并且返回这个被删除的元素,该方法会改变原来的数组。
    var arr= ['bye','world'];
    arr.pop();//删除world
    

    队列方法

    shift和unshift是先入先出的模拟队列方法,index和length会自动改变。

    • shift
      shift方法相当于把数组整体往左移一位,这样就挤掉了第一个数,所以该方法可以删除数组中的第一个元素,也就是index最小的元素,并且后面元素的index和数组的length会自动减一。该方法会返回被删除的元素。
    var arr=[2,3,4,5];
    arr.shift();
    
    • unshift
      与shift对应的就是unshift,unshift方法相当于把数组往右移位(这样移动的前几位就空了),并且把括号里的数给空出来的那几位。所以unshift()
      方法可以在数组的开头添加一个或者多个元素,并返回数组新的 length 值。
    var arr=['you','are','so']
    arr.unshift('cool');
    

    join

    .join()方法是把数组元素(对象调用其toString()方法)使用参数作为连接符连接成一字符串,该方法不会修改原数组内容。其中作为连接符的参数可以指定,如果不写,默认就是逗号。

    var arr =['l','o','v','e','l','y','g','i','r','l'];
    arr.join('');
    arr.join();
    arr.join('-')
    

    split

    split后面括号里的参数会从字符串中被移除,返回存进一个数组当中的子字符串。如果忽略参数,则返回原字符串。如果参数是一个空字符串,则原字符串将被转换为由字符串中字符组成的一个数组。
    split()方法通过把字符串分割成子字符串来把一个 String对象分割成一个字符串数组。返回一个数组,这样分割之后就可以使用一些数组的方法。

    var str = 'hello my lovely girl';
    str.split();
    str.split('');
    str.split('l');
    

    用 splice函数分别实现push、pop、shift、unshift方法

    • splice:splice()方法用于一次性解决数组添加、删除,会自动调整索引和length,该方法有三个参数,依次为:
      • 开始索引位置
        从数组的哪一位开始修改内容。如果超出了数组的最大索引值,则从数组末尾开始添加内容;如果是负值,则表示从数组末位开始的第几位。
      • 删除元素的位移
        表示要移除位数的个数。如果为0,则可以达到插入的效果,而第三个参数就是要插入的数。如果第二个参数大于从索引位置(第一个参数)开始之后的元素总数,那么从索引位置开始之后的元素都会删除(包含索引位置的元素)。
      • 插入的新元素,当然也可以写多个。若不写,就是删除元素。
        如例:
    var arr = [2,4,6,8]
    arr.splice(1,1)
    arr.splice(3,1,10)
    arr.splice(-1,1)
    arr.splice(1,0,7,9)
    arr.splice(2,5)
    
    1.png
    用splice实现push:
    function push(arr,val) {
        arr.splice(arr.length,0,val);
        return arr.length;
     }
    
    用splice实现pop:
    function pop(arr){
      return arr.splice(arr.length-1,1[0]) 
      }  //因为splice以数组的形式返回被删除的元素,而pop
    返回的是最后一个被删除的元素,为了保持返回类型一致,这里加入索引值.
    由于splice返回的数组中只有一个元素,所以[0]即是被删除的元素。
    
    用splice实现shift:
    function shift(arr){
     return arr.splice(0,1)[0]
    }
    
    用splice实现unshift:
    function unshift(arr,val){
      arr.splice(0,0,val);
      return arr.length;
    }
    

    总结:

    1.push和unshift返回值是新数组的长度值,pop和shift返回的是被删除的元素(非数组形式).push和pop都是在数组元素末位加减,unshift和shift都是在数组元素首位加减.
    2.splice删除元素时,返回的是第一个参数索引值位置上的元素(数组形式),当第一个参数大于最大索引值返回空数组. splice插入元素时,在第一个参数索引值位置前面插入元素,返回的是空数组[].

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

    function squareArr(arr){
      for(var i=0; i<arr.length;i++){ //遍历数组
         arr[i]= Math.pow(arr[i],2) //将每个位置上的值变为原来的平方
          }
        return arr;
    };
    var arr = [2, 4, 6]
    squareArr(arr)
    console.log(arr) // [4, 16, 36]
    

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

    function filterPositive(arr){
         var a = [];
          for(var i=0;i< arr.length;i++){
          if(typeof arr[i]==='number' && arr[i] > 0){
             a.push(arr[i]);
             }
           } 
         return a;
      }
    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 targetDate = new Date(dateStr)
      var curDate = new Date()
      var offset = Math.abs(targetDate-curDate)
      var totalSecons = Math.floor(offset/1000)
      var second = totalSecons % 60
      var totalMinutes = Math.floor( totalSecons/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);  
    

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

    function getChsDate(timeStr){
        var dict = ['零','一','二','三','四','五','六','七','八','九','十','十一','十二','十三','十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四','二十五','二十六','二十七','二十八','二十九','三十','三十一']
        
        var arr = timeStr.split('-')      //["2015", "01", "08"]
        var year =  arr[0]        // "2015"
        var month = arr[1]      // "01"
        var day = arr[2]      // "08"
    
        var chYear = dict[parseInt(year[0])] + dict[parseInt(year[1])] + dict[parseInt(year[2])] + dict[parseInt(year[3])]
        var chMonth = dict[parseInt(month)]
        var chDay = dict[parseInt(day)]
    
        return chYear + '年' + chMonth + '月' + chDay + '日'
    }
    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(timeStr) {
        var nowTime = Date.now()//现在时间
        offset = (nowTime - timeStr)/1000/60 //相差分钟时间
        if (offset < 1) {
         return  "刚刚"
        }else if(offset >= 1 && offset < 60) {
         return parseInt(offset) + "分钟前"
        }else if(offset >= 60 & offset < 24*60) {
         return parseInt(offset/60) + "小时前"
        }else if(offset >= 24*60 && offset < 60*24*30) {
         return parseInt(offset/60/24) + "天前"
        }else if(offset >= 60*24*30 && offset < 60*24*30*12) {
         return parseInt(offset/60/24/30) + "个月前"
        }else {
         return parseInt(offset/60/24/30/12) + "年前"
       }
      }
    var str = friendlyDate( '1484286699422' ) // 10个月前
    var str2 = friendlyDate('1483941245793') // 11个月前
    

    相关文章

      网友评论

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

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