ES5數(shù)組字符串 Date

1、寫一個(gè)函數(shù),返回從min到max之間的 隨機(jī)整數(shù),包括min不包括max

  • 思路:
    產(chǎn)生隨機(jī)數(shù)要用到Math.random;
    返回整數(shù)且保證概率相等要用到Math.floor;
    先利用Math.foor(Math.random()*(math-min)得到[0,max-min),即隨機(jī)數(shù)介于0和max-min之間,包括0,不包括max-min;
    [0,max-min)+min得到[min,max)。
  • 測試代碼如下:
function randomNum(min,max){
  return Math.floor(Math.random()*(max-min))+min
}
console.log(randomNum(1,10))  //產(chǎn)生1~10的隨機(jī)數(shù),包括1不包括10
  • 考慮到如果min、max手誤輸入相反位置,優(yōu)化代碼如下:
function randomNum(min,max){
  var temp
  if (min > max) {
        temp = min
        min = max
        max = temp
    }
  return Math.floor(Math.random()*(max-min))+min
}
console.log(randomNum(1,10))
  • 延伸:
    如果需要返回的是:[min,max],則
    return Math.floor(Math.random() * (max - min + 1))+min;
    如果需要返回的是:(min,max],則
    return Math.ceil(Math.random()*(max-min))+min;
    如果需要返回的是:(min,max),則
    return Math.ceil(Math.random()*(max-min-1))+min;

2、寫一個(gè)函數(shù),生成一個(gè)長度為 n 的隨機(jī)字符串,字符串字符的取值范圍包括0到9,a到 z,A到Z。

function getRandStr(len){
  //補(bǔ)全函數(shù)
}
var str = getRandStr(10); // 0a3iJiRZap

思路:建立一個(gè)字符庫,一個(gè)空字符,每次隨機(jī)的抽取一個(gè)字符以空字符為基礎(chǔ)進(jìn)行拼接,一共執(zhí)行n次。

function getRandStr(len){
  var randomStr='';
  var Str='0123456789abcdefghigklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
  function randomIndex(){
    return Math.floor(Math.random()*Str.length)
  }
  for(var i=0;i<len;i++){
    randomStr += Str[randomIndex()]
  }
  return randomStr;
}
console.log(getRandStr(10))

3、寫一個(gè)函數(shù),生成一個(gè)隨機(jī) IP 地址,一個(gè)合法的 IP 地址為 0.0.0.0~255.255.255.255

function getRandIP(){
  //補(bǔ)全
}
var ip = getRandIP()
console.log(ip) // 10.234.121.45
function getRandIP(){
  function randomNum(){
    return Math.floor(Math.random()*256)
  }
  var ip = randomNum()
  var i =0
  while(i<3){
    ip += '.' + randomNum()
    i++
  }
  return ip
}
var ip = getRandIP()
console.log(ip) // 如:10.234.121.45

也可以利用數(shù)組的 join 方法,先用一個(gè)數(shù)組容納各個(gè)數(shù)字,然后用 ' . ' 分隔并返回字符串。

function getRandIP(){
  function randomNum(){
    return Math.floor(Math.random()*256)
  }
  var ip = []
  var i =0
  while(i<4){
    ip[i] = randomNum()
    i++
  }
  return ip.join('.')
}
var ip = getRandIP()
console.log(ip) // 如:10.234.121.45

4、寫一個(gè)函數(shù),生成一個(gè)隨機(jī)顏色字符串,合法的顏色為#000000~ #ffffff

function getRandColor(){
}
var color = getRandColor()
console.log(color)   // #3e2f1b

方法一:列出每一位所有可能自取值,然后循環(huán)隨機(jī)抽取并拼接。

function getRandColor(){
  function randomIndex(){
    return Math.floor(Math.random()*16)
  }
  var Str = '0123456789abcdef'
  var randColor='#'
  var i=0
  while(i<6){
    randColor += Str[randomIndex()]
    i++
  }
  return randColor
}
var color = getRandColor()
console.log(color)   // #3e2f1b

方法二:每一位的取值為[0,16),但需要轉(zhuǎn)換為16進(jìn)制。

function getRandColor(){
  function randomNum(){
    return Math.floor(Math.random()*16)
  }
  var randColor='#'
  var i=0
  while(i<6){
    randColor += randomNum().toString(16)
    i++
  }
  return randColor
}
var color = getRandColor()
console.log(color)   // #3e2f1b

5、實(shí)現(xiàn)一個(gè)flatten函數(shù),將一個(gè)嵌套多層的數(shù)組 array(數(shù)組) (嵌套可以是任何層數(shù))轉(zhuǎn)換為只有一層的數(shù)組,數(shù)組中元素僅基本類型的元素或數(shù)組,不存在循環(huán)引用的情況。

Ex:

flatten([1, [2], [3, [[4]]]]) => [1, 2, 3, 4];
function flatten(arr){
  var newArr= []
  for(var i=0;i<arr.length;i++){
    if(typeof arr[i] !== 'object'){
      newArr[i]=arr[i] 
    }
    else{
      newArr = newArr.concat(flatten(arr[i]))
    }
  }
  return newArr
}
console.log(flatten([1,[2],[3,[[4]]]]))  //輸出:[1,2,3,4]

也可以用reduce方法:

function flatten(arr){
  return arr.reduce(function(){
    return arguments[0].concat(Array.isArray(arguments[1])?
    flatten(arguments[1]):arguments[1])
  },[])
}
console.log(flatten([1,[2],[3,[[4]]]]))  //輸出:[1,2,3,4]

6、實(shí)現(xiàn)一個(gè)reduce函數(shù),作用和原生的reduce類似 Ex:var sum = reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0); => 6

基礎(chǔ)方法:

  • reduce是用來依次操作數(shù)組的各個(gè)元素。
  • 對于' + '操作,如果數(shù)組元素都是數(shù)值,則依次相加;如果某一個(gè)元素為不是數(shù)值,則此元素和它之后的元素都轉(zhuǎn)換為字符串與之前的結(jié)果拼接。
  • 先判斷初始值是否存在,決定循環(huán)初始值和循環(huán)次數(shù)。
function reduceDiy(arr,func,value){
  if(typeof value === 'undefined'){
    var result=arr[0]
    for(var i=1;i<arr.length;i++){
      var pre=result
      var next=arr[i]
      result =func(pre,next)
    }
  }
  else{
    var result=value
    for(var i=0;i<arr.length;i++){
      var pre=result
      var next=arr[i]
      result =func(pre,next)
    }
  }
  return result
}
var sum = reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0); 
console.log(sum)   //輸出:6

以上代碼可用三元運(yùn)算符簡寫為:

function reduceDiy(arr,func,value){
  var i,value
  typeof value === 'undefined' ? (i=1,result=arr[0]) : (i=0,result=value)
  for(var j=i;j<arr.length;j++){
    var pre=result
    var next=arr[j]
    result =func(pre,next)
  }
  return result
}
var sum = reduceDiy([1, 2, 3], function(memo, num){ return memo + num;},0); 
console.log(sum)   //輸出:6

拓展方法:

  • 先判斷是否存在 value,并將它拼接arr組成新的數(shù)組
  • 如果只有新數(shù)組1位,直接返回第一位
  • 如果有兩位以上,用func操作前兩位,獲取結(jié)果并替換這兩位,依次執(zhí)行直到剩一位
function reduceDiy(arr,func,value){
  var arr2 = (value === undefined?[]:[value]).concat(arr)
  while(arr2.length >1){
    arr2.splice(0,2, func(arr2[0],arr2[1]))
  }
  return arr2[0]
}
var sum = reduceDiy([1, 2, 3], function(memo, num){ return memo + num;},0); 
console.log(sum)   //輸出:6

7、寫一個(gè)函數(shù)getChIntv,獲取從當(dāng)前時(shí)間到指定日期的間隔時(shí)間

var str = getChIntv("2017-02-08 10:30:24");
console.log(str);

基礎(chǔ)方法:把指定日期和當(dāng)前時(shí)期到標(biāo)準(zhǔn)時(shí)間間隔的毫秒數(shù)相減,然后轉(zhuǎn)換成天數(shù)、時(shí)分秒數(shù)等。

function getChIntv(timeStr){
  var interval = new Date()-new Date(timeStr);
  return '間隔時(shí)間為:'+Math.floor(interval/(24*60*60*1000))+'天,'
  +Math.floor((interval%(24*60*60*1000))/(60*60*1000))+'時(shí),'
  +Math.floor((interval%(60*60*1000))/(60*1000))+'分,'
  +Math.floor((interval%(60*1000))/1000)+'秒,'
  +interval%1000+'毫秒。'; 
}
var str = getChIntv("2017-02-08 10:30:24");
console.log(str);  //輸出:"間隔時(shí)間為:208天,4時(shí),56分,24秒,120毫秒。"

可以加入變量簡化計(jì)算:

function getChIntv(timeStr){
  var interval = new Date()-new Date(timeStr);
  var milliSecond = interval%1000;
  var seconds = Math.floor(interval/1000);
  var second = seconds%60;
  var minutes = Math.floor(seconds/60);
  var minute = minutes%60;
  var hours = Math.floor(minutes/60);
  var hour = hours%24;
  var days = Math.floor(hours/24);
  return '時(shí)間間隔為:'+days+'天,'+hour+'時(shí),'+minute+'分,'+second+'秒,'
+milliSecond+'毫秒。'
}
var str = getChIntv("2017-02-08 10:30:24");
console.log(str);輸出:"間隔時(shí)間為:208天,4時(shí),56分,40秒,110毫秒。"

8、寫一個(gè)函數(shù),參數(shù)為時(shí)間對象毫秒數(shù)的字符串格式,返回值為字符串。假設(shè)參數(shù)為時(shí)間對象毫秒數(shù)t,根據(jù)t的時(shí)間分別返回如下字符串:

  • 剛剛( t 距當(dāng)前時(shí)間不到1分鐘時(shí)間間隔)
  • 3分鐘前 (t距當(dāng)前時(shí)間大于等于1分鐘,小于1小時(shí))
  • 8小時(shí)前 (t 距離當(dāng)前時(shí)間大于等于1小時(shí),小于24小時(shí))
  • 3天前 (t 距離當(dāng)前時(shí)間大于等于24小時(shí),小于30天)
  • 2個(gè)月前 (t 距離當(dāng)前時(shí)間大于等于30天小于12個(gè)月)
  • 8年前 (t 距離當(dāng)前時(shí)間大于等于12個(gè)月)
function queryTime(t){
  var interval=Date.now()-t;
  switch(true){
    case interval<0:
      console.log('在未來');
      break;
    case interval>=0&&interval<(60*1000):
      console.log('剛剛');
      break;
    case interval>=(60*1000)&&interval<(60*60*1000):
      console.log('3分鐘前');
      break;
    case interval>=(60*60*1000)&&interval<(24*60*60*1000):
      console.log('8小時(shí)前');
      break;
    case interval>=(24*60*60*1000)&&interval<(30*24*60*1000):
      console.log('3天前');
      break;
    case interval>=(30*24*60*1000)&&interval<(12*30*24*60*1000):
      console.log('2個(gè)月前');
      break;
    case interval>=(12*30*24*60*1000):
      console.log('8年前');
      break;
  }
}
queryTime('1504513587883');  //輸出:"剛剛"
console.log(Date.now())  //輸出:1504513614540
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容