JS基礎-Math數組Date

本篇講解了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 = &#39;0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ&#39;;     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,  &#39;饥人谷&#39;, 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 &#39;刚刚&#39;
     }else if(sec>=60&&sec<3600){        return &#39;三分钟前&#39;
     }else if(sec>=3600&&sec<8*3600){        return &#39;8小时前&#39;
     }else if(sec>=24*3600&&sec<24*3600*30){        return &#39;3天前&#39;
     }else if(sec>=24*3600*30&&sec<24*3600*30*12){        return &#39;2个月前&#39;
     }else if(sec>=24*3600*30*12){               return &#39;8年前&#39;     
    }
   }   var str = friendlyDate( &#39;1484286699422&#39; ) 
   var str2 = friendlyDate(&#39;1483941245793&#39;) 
   console.log(str)  //2个月前
   console.log(str2) //2个月前

本篇對js基礎相關知識進行的相關的講解，更多知識請關注php中文網。

相關推薦：

jQuery 能做什麼？

關於前端跨域總結的相關知識點

#前端常見跨域解決方案（全）

以上是JS基礎-Math數組Date的詳細內容。更多資訊請關注PHP中文網其他相關文章！