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')
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 159,835评论 4 364
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 67,598评论 1 295
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 109,569评论 0 244
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 44,159评论 0 213
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 52,533评论 3 287
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 40,710评论 1 222
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 31,923评论 2 313
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 30,674评论 0 203
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 34,421评论 1 246
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 30,622评论 2 245
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 32,115评论 1 260
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 28,428评论 2 254
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 33,114评论 3 238
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 26,097评论 0 8
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 26,875评论 0 197
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 35,753评论 2 276
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 35,649评论 2 271

推荐阅读更多精彩内容

  • 第5章 引用类型(返回首页) 本章内容 使用对象 创建并操作数组 理解基本的JavaScript类型 使用基本类型...
    大学一百阅读 3,152评论 0 4
  • Date对象: Date对象是js提供的日期和时间接口;Date对象有几个静态方法(即直接通过date对象调用的方...
    草鞋弟阅读 357评论 0 0
  • .写一个函数,返回从min到max之间的 随机整数,包括min不包括max function randomness...
    邢烽朔阅读 287评论 0 1
  • Math 写一个函数,返回从min到max之间的 随机整数,包括min不包括max 写一个函数,返回从min都ma...
    ezrealor阅读 246评论 0 1
  • 宇宙是全息的!心想事成! 从镇子回来路上见一小男孩在用搓衣板洗衣,心想,我女儿也这么懂事就好了!回到家一看,女儿正...
    國國2580阅读 127评论 0 0