Math、ES5数组、Date基本操作

Math任务

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

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min)) + min;
}
console.log(getRandomInt(1,10));

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

function getRandomInt(min, max) {
  return Math.floor(Math.random() * (max - min + 1)) + min;
}
console.log(getRandomInt(1,10));

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

function getRandStr(len){
      var str = '0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ';
      var result = '';
      for(var i = 0; i < len; i++) {
      result += str[Math.floor(Math.random() * str.length)];
      }
      return result;
}
var str = getRandStr(10); // 0a3iJiRZap
console.log(str);

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

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

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

function getRandColor(){
    var str = '0123456789abcdef'
    var colorStr = '#';
    for(var i = 0; i < 6; i++){
      colorStr += str[Math.floor(Math.random() * str.length)];   
  }
   return colorStr;
}
var color = getRandColor()
console.log(color) //#8a4fee

数组任务

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

  • push：栈方法，接收任意个参数，添加到数组末尾，并返回修改后数组的长度。
  • pop：栈方法，从数组末尾删除最后一项，减少数组的length值，然后返回删除项。
  • unshift：队列方法，与push相反，它能在数组前端添加任意个项并返回新数组长度。
  • shift：队列方法，与pop相反，他能够移除数组中第一项并返回该项，同时数组长度减1。
  • join：只接收一个参数，即用作分割符的字符串，然后返回所有数组项的字符串。如果不给join方法传入任何值，或者传入undefined，则使用逗号作为分隔符。若数组某一项为undefined或null，则返回结果中以空字符串表示。
  • splice：splice方法有3个参数，第一个参数指明开始索引的数组元素下标，第二个参数指明连续删除几个数组元素，第三个元素指明要插入的新元素（一个或多个）,返回被删除的元素组成的新数组。

用splice方法分别实现push pop unshift shift方法：

var arr = [1,2,3];
arr.splice(arr.length,0,4,5) //arr.push(4,5)
arr.splice(arr.length-1,1) //arr.pop()
arr.splice(0, 0 , 2, 1) //arr.unshift(2,1)
arr.splice(0,1) //arr.shift()

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

function squareArr(arr){
  for(var i=0;i<arr.length;i++){
    arr.splice(i,1,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]
console.log(arr)      //  [3, -1,  2,  '饥人谷', true]

Date 任务

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

function getChIntv(str){
        var timeEnd = Date.parse(str);
        var timeStart = Date.now();
        var interval = Math.abs(timeEnd - timeStart);
        var totalsecond = Math.floor(interval/1000);
        var second = Math.floor(totalsecond%60);
        var minute = Math.floor(totalsecond/60)%60;
        var hour = Math.floor(totalsecond/3600)%24;
        var day = Math.floor(totalsecond/(3600*24));
    return '距我的生日还有' + day + '天' + hour + '小时' + minute + '分' + second + '秒';
    }
    var str = getChIntv("2018-07-26");
    console.log(str); //距我的生日还有241天21小时27分56秒

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

function getChsDate(datestr){
  var arr = datestr.split("-");
  var dic = ["零","一","二","三","四","五","六","七","八","九","十","十一","十二","十三","十四","十五","十六","十七","十八","十九","二十","二十一","二十二","二十三","二十四","二十五","二十六","二十七","二十八","二十九","三十","三十一"]
  var year = "";
  var month = "";
  var day = ""; 
  for(var i = 0; i < arr[0].length; i++){
     year = year + dic[arr[0][i]];
  }
  month = dic[parseInt(arr[1])];
  day = dic[parseInt(arr[2])];
  return year + "年" +month +"月" + day +"日";
}
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 interval = now - time;
        if(interval < 1000*60){
          return "刚刚";
        }else if(interval < 1000*60*60){
          return "3分钟前";    
        }else if(interval < 1000*60*60*24){
          return "8小时前";    
        }else if(interval < 1000*60*60*24*30){
          return "3天前";    
        }else if(interval < 1000*60*60*24*30*12){
          return "2个月前";    
        }else{
          return "8年前";    
        }
      }

    var str = friendlyDate( '1484286699422') 
    var str2 = friendlyDate('1483941245793')
    console.log(str) //"2个月前"
    console.log(str2) //"2个月前"

ES5数组

实现一个flatten函数，将一个嵌套多层的数组 array（数组） (嵌套可以是任何层数)转换为只有一层的数组，数组中元素仅基本类型的元素或数组，不存在循环引用的情况。

var arr = [1, [2], [3, [[4]]]]
    function flat(arr){
        var arr2 = []
        arr.forEach(function(val){
            if(Array.isArray(val)){
              arr2 = arr2.concat(flat(val)) 
            }else{
                arr2.push(val)
            }
        })
        return arr2
    }

    var arr2 = flat(arr)
    console.log(arr2) //[1, 2, 3, 4]

实现一个reduce函数，作用和原生的reduce类似 Ex：var sum = reduce([1, 2, 3], function(memo, num){ return memo + num; }, 0); => 6

function reduce(arr,fn,initValue){
      var arr2 = (initValue !== undefined?[]:[initValue]).concat(arr)
      while(arr2.length > 1){
          console.log(arr2)
          arr2.splice(0,2,fn(arr2[0],arr2[1]))
      }
      return arr2[0]
    }
    var arr = [1,2,3,4,5,6]
    var result = reduce(arr, function(v1,v2){
        return v1 + v2
    },10)
    console.log(result)
//输出结果：
[1, 2, 3, 4, 5, 6]
[3, 3, 4, 5, 6]
[6, 4, 5, 6]
[10, 5, 6]
[15, 6]
21
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
  • 人面猴
    序言：七十年代末，一起剥皮案震惊了整个滨河市，随后出现的几起案子，更是在滨河造成了极大的恐慌，老刑警刘岩，带你破解...
    沈念sama阅读 203,271评论 5赞 476
  • 死咒
    序言：滨河连续发生了三起死亡事件，死亡现场离奇诡异，居然都是意外死亡，警方通过查阅死者的电脑和手机，发现死者居然都...
    沈念sama阅读 85,275评论 2赞 380
  • 救了他两次的神仙让他今天三更去死
    文/潘晓璐 我一进店门，熙熙楼的掌柜王于贵愁眉苦脸地迎上来，“玉大人，你说我怎么就摊上这事。” “怎么了？”我有些...
    开封第一讲书人阅读 150,151评论 0赞 336
  • 道士缉凶录：失踪的卖姜人
    文/不坏的土叔 我叫张陵，是天一观的道长。 经常有香客问我，道长，这世上最难降的妖魔是什么？ 我笑而不...
    开封第一讲书人阅读 54,550评论 1赞 273
  • 港岛之恋（遗憾婚礼）
    正文 为了忘掉前任，我火速办了婚礼，结果婚礼上，老公的妹妹穿的比我还像新娘。我一直安慰自己，他们只是感情好，可当我...
    茶点故事阅读 63,553评论 5赞 365
  • 恶毒庶女顶嫁案：这布局不是一般人想出来的
    文/花漫 我一把揭开白布。 她就那样静静地躺着，像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上，一...
    开封第一讲书人阅读 48,559评论 1赞 281
  • 城市分裂传说
    那天，我揣着相机与录音，去河边找鬼。 笑死，一个胖子当着我的面吹牛，可吹牛的内容都是我干的。 我是一名探鬼主播，决...
    沈念sama阅读 37,924评论 3赞 395
  • 双鸳鸯连环套：你想象不到人心有多黑
    文/苍兰香墨 我猛地睁开眼，长吁一口气：“原来是场噩梦啊……” “哼！你这毒妇竟也来了？” 一声冷哼从身侧响起，我...
    开封第一讲书人阅读 36,580评论 0赞 257
  • 万荣杀人案实录
    序言：老挝万荣一对情侣失踪，失踪者是张志新（化名）和其女友刘颖，没想到半个月后，有当地人在树林里发现了一具尸体，经...
    沈念sama阅读 40,826评论 1赞 297
  • 护林员之死
    正文 独居荒郊野岭守林人离奇死亡，尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,578评论 2赞 320
  • 白月光启示录
    正文 我和宋清朗相恋三年，在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,661评论 1赞 329
  • 活死人
    序言：一个原本活蹦乱跳的男人离奇死亡，死状恐怖，灵堂内的尸体忽然破棺而出，到底是诈尸还是另有隐情，我是刑警宁泽，带...
    沈念sama阅读 33,363评论 4赞 318
  • 日本核电站爆炸内幕
    正文 年R本政府宣布，位于F岛的核电站，受9级特大地震影响，放射性物质发生泄漏。R本人自食恶果不足惜，却给世界环境...
    茶点故事阅读 38,940评论 3赞 307
  • 男人毒药：我在死后第九天来索命
    文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹，春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,926评论 0赞 19
  • 一桩弑父案，背后竟有这般阴谋
    文/苍兰香墨 我抬头看了看天上的太阳。三九已至，却和暖如春，着一层夹袄步出监牢的瞬间，已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,156评论 1赞 259
  • 情欲美人皮
    我被黑心中介骗来泰国打工， 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留，地道东北人。 一个月前我还...
    沈念sama阅读 42,872评论 2赞 349
  • 代替公主和亲
    正文 我出身青楼，却偏偏与公主长得像，于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子，可洞房花烛夜当晚...
    茶点故事阅读 42,391评论 2赞 342