首页 >web前端 >js教程 > 正文

JS基础-Math数组Date

原创2018-05-21 17:06:320700
本篇讲解了js的基础math数组和date的相关知识。

一.Math

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

   //不包含最大数
    function getNum(min,max){      //包含最小值,随机最小值与最大值之间的整数且不包含最大值
      console.log(min+Math.floor(Math.random()*(max-min)))
    }
      getNum(10,15)

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

//也包含最大数

   function getNum2(min,max){    //包含最小值,随机最小值与最大值之间的整数且包含最大值
     console.log(min+Math.floor(Math.random()*(max+1-min)))
}
    getNum2(10,15)

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

 function getRandStr(len){    //补全函数
     var str1=''
     var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';     for(var i=0;i<len;i++){       var ss=parseInt(Math.random()*str.length);
           str1 += str[ss];
     }     return str1
  }  var str = getRandStr(10); // 例:0a3iJiRZap
  console.log(str);

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

 function getRandIP(){    //补全
    var ip=''
    for (var i=0; i<4; i++){      var str=Math.floor(Math.random()*256);
      ip += str;      // 3个点是4个数
      if( i<3 ){
         ip += ".";
      }
   }   return ip;
 }var ip = getRandIP()console.log(ip) // 例:10.234.121.45

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

 function getRandColor(){    var str = "0123456789abcdef";    var strlen = str.length;    var colorstr = "#";    for(var i = 0; i < 6; i++){      var index = Math.floor(Math.random()*strlen);
      colorstr += str[strlen];
    }    return colorstr
  }  var color = getRandColor()  console.log(color)   // 例:#3e2f1b

二.数组

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

push()、pop()和unshift()、shift()这两组同为对数组的操作,并且会改变数组的本身的长度及内容。
不同的是 push()、pop() 是从数组的尾部进行增删,unshift()、shift() 是从数组的头部进行增删。

splice() 方法向/从数组中添加/删除项目,然后返回被删除的项目。该方法会改变原始数组。
join() 方法用于把数组中的所有元素放入一个字符串。元素是通过指定的分隔符进行分隔的。

//splice函数分别实现push、pop、shift、unshift方法//例子:
  var arr = [1,2,3,4,5]  //push  
  arr.splice(arr.length,0,6); //位置,要删除元素的个数,要添加到数组的元素
  console.log(arr);//[1,2,3,4,5,6]
  console.log(arr.length)  //pop
  arr.splice(arr.length-1,1)  console.log(arr);//[1,2,3,4,5]
  //shift
  arr.splice(0,1);  console.log(arr);//[2,3,4,5]
  //unshift
  arr.splice(0,0,1);  console.log(arr);//[1,2,3,4,5]

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

 function squareArr(arr){     for(var i = 0; i < arr.length; i++ ){
      arr[i] *= arr[i]
     }     return arr;
   }   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]

三.Date

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

  function getChIntv(s) {     //时间=指定时间-当前时间
     var time = Math.abs(Date.parse(s) - Date.now()); 
     //天数=时间/天的毫秒
     var days = parseInt(time/(1000*60*60*24));     //几小时=时间%天的毫秒/一小时毫秒
     var hours = parseInt((time%(1000*60*60*24))/(1000*60*60));  
     //几分钟=时间%天的毫秒/一小时毫秒/一分钟毫秒
     var minutes = parseInt(((time%(1000*60*60*24))%(1000*60*60))/(1000*60)); 
    //几秒=时间%天的毫秒/一小时毫秒/一分钟毫秒/一秒毫秒
     var seconds = parseInt(((time%(1000*60*60*24))%(1000*60*60))%(1000*60)/1000); 
     return days + '天' + hours + '小时' + minutes + '分钟' + seconds+ '秒'
   }   var str = getChIntv('2017-7-01'); 
   console.log(str);

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

 function getChsDate(s) {    
 var arr = ['零','一','二','三','四','五','六','七','八','九','十','十一','十二','十三'    , '十四','十五','十六','十七','十八','十九','二十','二十一','二十二','二十三','二十四',     '二十五','二十六','二十七','二十八','二十九','三十','三十一']    //字符串拆成数组     var time = s.split('-');    // 输出字符串就行    var year = time[0];   
 var month = time[1]; 
   var day = time[2];  
  var newYear = arr[year[0]]+arr[year[1]]+arr[year[2]]; 
   var newMonth = arr[parseInt(month)]; 
   var newDay = arr[parseInt(day)];   
 return newYear+"年"+newMonth+"月"+newDay+"日";  }  var str = getChsDate('2017-06-30');  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){     var msec=new Date()     // getTime()返回距 1970 年 1 月 1 日之间的毫秒数
     var nowTime=msec.getTime()     var sec=(nowTime-time)/1000
     if(sec<60){        return '刚刚'
     }else if(sec>=60&&sec<3600){        return '三分钟前'
     }else if(sec>=3600&&sec<8*3600){        return '8小时前'
     }else if(sec>=24*3600&&sec<24*3600*30){        return '3天前'
     }else if(sec>=24*3600*30&&sec<24*3600*30*12){        return '2个月前'
     }else if(sec>=24*3600*30*12){               return '8年前'     
    }
   }   var str = friendlyDate( '1484286699422' ) 
   var str2 = friendlyDate('1483941245793') 
   console.log(str)  //2个月前
   console.log(str2) //2个月前

本篇对js基础相关知识进行的相关的讲解,更多知识请关注php中文网。

相关推荐:

jQuery 能做什么?

关于前端跨域总结的相关知识点

前端常见跨域解决方案(全)

以上就是JS基础-Math数组Date的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:javascript -Math Date
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    推荐视频教程
  • javascript初级视频教程javascript初级视频教程
  • jquery 基础视频教程jquery 基础视频教程
  • 视频教程分类