Math+Aarry+Date练习

为什么要做这么多的练习:一下每个模块涉及4-5个练习,都是企业开发中经常遇到的经典情景.很有必要熟悉代码,自己思考过一遍思路.

Math任务

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

function rand(min,max){
  var a = Math.floor(Math.random()*(max - min) +min);
  console.log(a);
}
rand(0,10);
//Math.random()函数返回0和1之间的伪随机数，可能为0，但总是小于1，[0,1)
//floor方法返回小于参数值的最大整数

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

function rand(min,max){
  var a = Math.round(Math.random()*(max - min) +min);
  console.log(a);
}
rand(0,10);
//round(x):把数四舍五入为最接近的整数

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

function getRandStr(len){
  var str1 = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";
  var result = '';
  for(var i = 0;i<len; i++){

    result += str1[Math.floor(Math.random() * (str1.length))];//数组下标从0开始,所以选floor
  }
  return result;
  
 
}

var str =  getRandStr(10);
console.log(str);
//思路:把所有目标0~z的集合用数组的下标取.

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

function randIp(){
  var arr = [];
  for(var i = 0; i<4; i++){
    arr[i] = Math.floor(Math.random() *256);//易忘arr的[i],不是+= 
    
  }
  return arr.join('.');
  
}

 var str = randIp();
 console.log(str);

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

function getRandColor(){
  var str = '0123456789abcdef'; //16位 
  var result = '';
  for(var i = 0; i < 6; i++ ){
    result += str[ Math.floor(Math.random() * (str.length))];
    
  }
  return ('#' +  result);
    
}
var color = getRandColor();
console.log(color);   // #3e2f1b
//孰能生巧,第一题会了其他题套路一样

数组任务

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

• push:将一个或多个元素添加到数组的末尾并返回数组的新长度。

//splice函数实现push
var arr = ['a','b','c','d'];
arr.splice(arr.length, 0, 'ha');
console.log(arr); //["a", "b", "c", "d", "ha"]

• pop:从数组中删除最后一个元素并返回该元素,此方法更改数组的长度

//splice函数实现pop
var arr2 = ['a','b','c','d'];
arr2.splice(arr2.length-1, 1);
console.log(arr2); //["a", "b", "c"]

• shift:从数组中删除第一个元素并返回该元素,此方法更改数组的长度。

//splice函数实现shift
var arr3 = ['a','b','c','d'];
arr3.splice(0, 1);
console.log(arr3); //["b", "c", "d"]

• unshift:将一个或多个元素添加到数组的开头，并返回新数组的新长度。

//splice函数实现unshift
var arr = ['a','b','c','d'];
arr.splice(0, 1,'ha','he');
console.log(arr);  //["ha", "he", "b", "c", "d"]

• join:该方法将数组（或数组类对象的)所有元素连接到字符串中,返回连接了所有数组元素的字符串.

• splice:该方法通过删除现有元素和/或添加新元素来更改数组的内容.
  还可参考我这篇简书

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; i<arr.length;i++){
    if(arr[i]>0  && typeof(arr[i]) === 'number'){
      arr1.push(arr[i]);
    }
  }
  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 任务

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

法1:好理解
function fn(Datestr){
  var now = new Date();
  var end = new Date(Datestr);
  var times = (end.getTime() - now.getTime())/1000;//总秒数
  var day = parseInt(times/3600/24);//总天数
  var hour = parseInt( (times - day*3600*24)/3600);//小时
  var minute = parseInt((times - day*24*3600 - hour*3600)/60);
  var second = parseInt(times - day*24*3600 - hour*3600 - minute*60);
  
  var time = '距离白富美回我微信还有:' + day + '天' + hour + '小时' + minute + '分'  + second + '秒';
  console.log(time);
}

fn('2017/11/11');

法2:
function getChIntv(t_date){
    var now = new Date();
    var end = new Date(t_date);
    var times = (end.getTime() - now.getTime())/1000;//秒
    var d = parseInt(times/ (60*60*24));//天
    var h = parseInt(times % (60*60*24)/(60*60));//
    var m = parseInt(times % (60*60)/(60));
    var s = parseInt(times % (60)/(1000));
    return  '距离女神洗完澡还有:' + d + "天" + h +"小时" + m + "分" + s + "秒";

}
var str = getChIntv("2017-10-01");
console.log(str);

date笔记:

parseInt() 函数可解析一个字符串，并返回一个整数
getTime() ：返回 Date 对象与'1970/01/01 00:00:00'之间的毫秒值(北京时间的时区为东8区，起点时间实际为：'1970/01/01 08:00:00') 。

getDate()从 Date 对象返回一个月中的某一天 (1 ~ 31)。
getDay()从 Date 对象返回一周中的某一天 (0 ~ 6)。

创建 Date 对象的语法：
var myDate=new Date()
注释：Date 对象会自动把当前日期和时间保存为其初始值。

返回值：

{Date} 返回一个转换后的 Date 对象。

示例：

[js] view plaincopy
var dt = new Date('2014/12/25'); // yyyy/MM/dd  

console.log(dt); // => {Date}:2014/12/25 00:00:00  

dt = new Date('2014/12/25 12:00:00'); // yyyy/MM/dd HH:mm:ss  

console.log(dt); // => {Date}:2014/12/25 12:00:00  

dt = new Date('2014-12-25'); // yyyy-MM-dd  

console.log(dt); // => {Date}:2014-12-25 08:00:00 (加上了东8区的时区)  

dt = new Date('2014-12-25 12:00:00'); // yyyy-MM-dd HH:mm:ss (注意：此转换方式在IE中会报错！)  

console.log(dt); // => {Date}:2014-12-25 12:00:00 

参考Date
参考极客data

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

//把hh-mm-dd格式数字日期改成中文日期
function getChsDate(date){
  var arr = ["零","一","二","三","四","五","六","七","八","九","十",
           "十一","十二","十三","十四","十五","十六","十七","十八","十九","二十",
           "二十一","二十二","二十三","二十四","二十五","二十六","二十七","二十八",
           "二十九","三十","三十一"];
  
  var arr1 = date.split('-');//['2015','01','08']
  var year = '',month =  '',day = '';//分为三部分
  for(var i in  arr1[0]){
    year += arr[arr1[0][i]];
  }
  month = arr[parseInt(arr1[1])];
  day = arr[parseInt(arr1[2])];
  return year +'年' +month +'月' +day +'日';
 
  
}
var str = getChsDate('2015-11-28');
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个月)

<script>
    function friendlyDate(time) {

        var now = Date.now();//当前时间
        //   console.log('now: ' + now);
        //   console.log('time: ' + time);
        var timeDiffer = (now - time) / 1000;//相减
        //   console.log(timeDiffer);

        if (timeDiffer < 60) {

            console.log('刚刚');
        } else if (timeDiffer < 60 * 60) {

            console.log('3分钟前');
        } else if (timeDiffer < 24 * 60 * 60) {

            console.log('8小时前');
        }
        else if (timeDiffer < 30 * 24 * 60 * 60) {

            console.log('3天前');
        }
        else if (timeDiffer < 12 * 30 * 24 * 60 * 60) {

            console.log('2个月前');
        } else {

            console.log('8年前');
        }

    }
    var str = friendlyDate('1493287221905');
    // console.log(str);//  1分钟前
    var str2 = friendlyDate('1483941245793'); //4天前

</script>