web前端-js小記(6)-Math數組Date

Math任務

1、 寫一個函數,返回從min到max之間的 隨機整數,包括min不包括max

function ranInt(min,max){
  if(min>=max) return ;
  return Math.floor(min+Math.random()*(max-min));
}

2、寫一個函數,返回從min都max之間的 隨機整數,包括min包括max

function ranInt(min,max){
if(min>=max) return ;
return Math.floor(min+Math.random()*(max-min+1));
}

3、寫一個函數,生成一個長度為 n 的隨機字符串,字符串字符的取值范圍包括0到9,a到 z,A到Z。

function getRandStr(len){
  var arr=["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "a", "b", "c", "d", "e", "f", "g", "h", "i", "j", "k", "l", "m", "n", "o", "p", "q", "r", "s", "t", "u", "v", "w", "x", "y", "z", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R", "S", "T", "U", "V", "W", "X", "Y", "Z"];
  var arr1=[];
  for(var i=0;i<len;i++){
    arr1[i]=arr[Math.floor(Math.random()*62)];
  }
return arr1.join("");
}
var str = getRandStr(10); 

4、寫一個函數,生成一個隨機 IP 地址,一個合法的 IP 地址為 0.0.0.0~255.255.255.255

function getRandIP(){
  var arr=[];
  for(var i=0;i<4;i++){
    arr[i]=Math.floor((255+1)*Math.random());
  }
  return arr.join(".");
}
var ip = getRandIP()
console.log(ip) // 10.234.121.45

5、寫一個函數,生成一個隨機顏色字符串,合法的顏色為#000000~ #ffffff

function getRandColor(){
  var arr=[0, 1, 2, 3, 4, 5, 6, 7, 8, 9, "a", "b", "c", "d", "e", "f"];
  var arr1=[];
  for(var i=0;i<6;i++){
    arr1[i]=arr[Math.floor(Math.random()*16)];
  }
  return arr1.join("");
}
var color = getRandColor()
console.log(color)   // #3e2f1b

數組任務

1、數組方法里push、pop、shift、unshift、join、splice分別是什么作用?用 splice函數分別實現push、pop、shift、unshift方法

  1. push、pop用于先進后出的棧數據結構的方法,把數組看作棧結構,針對數組的最后的元素進行操作
var arr=[1,2,3];
var a=arr.push(3,4);   //arr=[1,2,3,3,4],push向數組的最后增加元素,同時改變length,a的值為改變后的length,a==5
var d=arr.pop();         //arr=[1,2,3,3],pop刪除數組的最后一個元素,同時改變length,d的值為改變后的length,d==4
  1. shift,unshift用于先進先出的隊列數據結構的方法,把數組看作隊列結構,針對數組的最前面的元素進行操作
var arr=[1,2,3];
var d=arr.shift()   //d=1,返回刪除的元素的值,arr=[2,3],shift刪除第一個元素,同時改變length
var a=arr.unshift(1,2)  //a=4,返回的是改變后的length,arr=[1,2,2,3],往第一個元素前增加元素
  1. join是把數組元素使用參數作為連接符連接成一字符串,不會修改原數組內容
var arr=[1,2,3]
var a=arr.join()   //a="1,2,3"
var b=arr.join("")  //b="123"
var c=arr.join("-")  //c="1-2-3"
  1. splice有3個參數,第一個參數指明開始索引的數組元素下標,第二個參數指明連續刪除幾個數組元素,第三個元素指明要插入的新元素(一個或多個),返回被刪除的元素組成的新數組。
var arr=[1,2,3]
var a=arr.splice(2,1,4,5,6);  //a=3,arr=[1,2,4,5,6]
var b=arr.splice(2,3)     //b=[4,5,6],arr=[1,2]
  1. 用splice實現push,pop,shift,unshift方法
//實現push方法:
var arr=[1,2,3];
arr.splice(arr.length,0,4,5,6);      //arr=[1,2,3,4,5,6]
//實現pop方法:
var brr=[1,2,3];
brr.splice(brr.length-1,1);         //brr=[1,2]
//實現shift方法:
var crr=[1,2,3];
crr.splice(0,1);      //crr=[2,3]
//實現unshift方法:
var drr=[1,2,3];
drr.splice(0,0,4,5)     //drr=[4,5,1,2,3]

2、寫一個函數,操作數組,數組中的每一項變為原來的平方,在原數組上操作

function squareArr(arr){
  for(var i=0;i<arr.length;i++){
    arr[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 arr1=[];
  for(var i=0,j=0;i<arr.length;i++){
    if(typeof arr[i]==="number" && arr[i]>0) {
      arr1[j]=arr[i]; j++;
   }
  }
  return arr1;
}
var arr = [3, -1,  2,  '饑人谷', true]
var newArr = filterPositive(arr)
console.log(newArr) //[3, 2]
console.log(arr) //[3, -1,  2,  '饑人谷', true]

Date 任務

0、Date方法

  1. 結果為毫秒數
Date方法 含義
Date.now() 返回當前距離1970年1月1日00:00:00的毫秒數
Date.parse("Mon, 25 Dec 1995 13:30:00 GMT"); Date.parse(2011-10-10T14:48:00") 用來解析日期字符串,返回距離1970年1月1日 00:00:00的毫秒數
Date.UTC(2015,0,1,2,3,4,567); 該方法接受年、月、日等變量作為參數,返回當前距離1970年1月1日 00:00:00 UTC的毫秒數
  1. 結果為時間的字符串
Date方法 含義
Date() 返回一個當前日期和時間的字符串,這時候是否有參數結果一樣
var str=new Date(); str.toString() toString方法返回一個完整的時間字符串
str.toDateString() 返回日期的字符串形式
str.toTimeString() 返回時間的字符串形式
  1. 結果為時間對象
Date方法 含義
new Date() 使用Date構造函數創建一個Date的實例
new Date(1378218728000) 返回對應時間Tue Sep 03 2013 22:32:08 GMT+0800 (CST)
new Date("15, Feberuary, 2013") 接受一個日期字符串作為參數,返回所對應的時間,所有可以被Date.parse()方法解析的日期字符串,都可以當作Date對象的參數
new Date(2013,0,1,0,0,0,0) 多個參數情況下,Date對象將其視作年、月、日、小時、分鐘、秒和毫秒。最少需要兩個參數(年和月),其余默認0。只使用一個參數,Date對象會將其解釋為毫秒數。

1、 寫一個函數getChIntv,獲取從當前時間到指定日期的間隔時間

function getChIntv(str){
  var targetTime=Date.parse(str);
  var nowTime=Date.now();
  var result=Math.abs(targetTime-nowTime);
  var totalSecond=Math.floor(result/1000);
  var second=totalSecond%60;
  var totalMinutes=Math.floor(totalSecond/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("2018-02-08");
console.log(str); 

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

function getChsDate(str){
  var arr=["零","一","二","三","四","五","六","七","八","九","十","十一","十二","十三","十四","十五","十六","十七","十八","十九","二十",
"二十一","二十二","二十三","二十四","二十五","二十六","二十七","二十八","二十九","三十","三十一"];
  var str1=new Date(str);
  var yeararr=str1.getFullYear().toString().split("");
  var year1=[],year;
  for(var i=0;i<yeararr.length;i++){
    year1.push(arr[yeararr[i]]);
  }
  year=year1.join("");
  var month=arr[str1.getMonth()+1];
  var date=arr[str1.getDate()];
  return year+"年"+month+"月"+date+"日";
}
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){
  var now=Date.now();
  var dif=Math.floor(Math.abs(now-time)/1000);
  switch(true){
    case(dif<60): 
          console.log("剛剛");
          break;
    case(dif<60*60): 
          console.log("3分鐘前");
          break;
    case(dif<24*60*60): 
          console.log("8小時");
          break;
    case(dif<30*24*60*60): 
          console.log("3天前");
          break;
    case(dif<12*30*24*60*60): 
          console.log("2個月前");
          break;
     case(dif>12*30*24*60*60): 
          console.log("8年前");
          break;
  }
}
var str = friendlyDate( '1484286699422' )
var str2 = friendlyDate('1483941245793')
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 第5章 引用類型(返回首頁) 本章內容 使用對象 創建并操作數組 理解基本的JavaScript類型 使用基本類型...
    大學一百閱讀 3,270評論 0 4
  • Date對象: Date對象是js提供的日期和時間接口;Date對象有幾個靜態方法(即直接通過date對象調用的方...
    草鞋弟閱讀 413評論 0 0
  • .寫一個函數,返回從min到max之間的 隨機整數,包括min不包括max function randomness...
    邢烽朔閱讀 327評論 0 1
  • Math 寫一個函數,返回從min到max之間的 隨機整數,包括min不包括max 寫一個函數,返回從min都ma...
    ezrealor閱讀 273評論 0 1
  • 宇宙是全息的!心想事成! 從鎮子回來路上見一小男孩在用搓衣板洗衣,心想,我女兒也這么懂事就好了!回到家一看,女兒正...
    國國2580閱讀 151評論 0 0