• 关键词：Math对象、Data对象、数组Array

---

一、Math任务

1. 编写函数，功能：返回从min到max之间的随机整数，包括min不包括max

• 代码如下

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

• 备注说明

Math.random()  // 返回一个从0到1之间的伪随机数：可以等于0，一定小于1
Math.floor()  // 返回小于或等于参数的最大整数

Math.random() * (max - min)  // 最小值为 0 ，最大值无限接近 差值 -1
Math.floor(Math.random() * (max - min))  // 最小值为 0，最大值为 差值 -1
Math.floor(Math.random() * (max - min)) + min  // 最小值为 min，最大值为 max-1

2. 编写函数，功能：返回从min都max之间的随机整数，包括min包括max

• 代码如下

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

• 备注说明

Math.random() * (max - min + 1)  // 最小值为 0 ，最大值无限接近 差值 +1
Math.floor(Math.random() * (max - min + 1))  // 最小值为 0，最大值为 差值
Math.floor(Math.random() * (max - min + 1)) + min  // 最小值为 min，最大值为 max

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

• 思路

// 1. 字符串可以通过类数组下标的方法进行访问
// 2. 类数组下标可以通过 Math.random() 随机生成
// 3. 建立一个字典和一个空字符串，从字典中随机筛选字符放入空字符串中
// 4. 利用循环控制所要字符串的长度
// 5. 注意取值范围和要求

• 代码如下

function getRandStr(len){ 
//补全函数
    var disc = '1234567890abcdefjhigklmnopqrstuvwxyzABCDEFJHIGKLMNOPQRSTUVWXYZ'
    var str = ''
    for(var i = 0; i < len; i++){
        str += disc[Math.floor(Math.random() * 62)]  
        // (62+1)会出现undefined，原因 disc 共有62位，但第62位的下标是disc[61]，第1位的下标是disc[0]【注意位数与下标的关系：下标 = 位数 - 1】
    }
    return str
}
var result = getRandStr(15)
console.log(result)  // mcwNMWGbbEmwodq
console.log(result.length)  // 15

4. 编写函数，功能：生成一个随机 IP 地址，一个合法的 IP 地址为 0.0.0.0~255.255.255.255

• 思路

// 直接循环、随机生成4个数字，使用连接符连接4个数字
// 第一将循环结果push到数组中，第二将数组转化为字符串

• 代码如下

function getRandIP(){
//函数补全
    var str = []
    for(var i = 0; i < 4; i++){
        str.push(Math.floor(Math.random() * (255+1)))
    }
    var strIp = str.join('.')
    return strIp
}
var ip = getRandIP()
console.log(ip)  // 101.11.140.65

5. 编写函数，功能：生成一个随机颜色字符串，合法颜色为#000000~ #ffffff

• 思路

// 制作字典，筛选字符
// 循环 6 次，每次生成 1 个字符，组装显示

• 代码如下

function getRandColor(){
    var disc = '1234567890abcdef'
    var str = ''
    for(var i = 0; i < 6; i++){
        str += disc[Math.floor(Math.random() * 16 )]
    }
    var show = '#' + str
    return show
}
var color = getRandColor()
console.log(color)  // #4a8e36

---

二、数组任务

1.1 数组方法里push、pop、shift、unshift、join、split分别是什么作用？

方法	作用
push	向数组的末尾添加一个或多个元素，并返回新的长度，直接修改原数组
pop	删除并返回数组的最后一个元素，数组长度减 1，直接修改原数组
shift	删除数组的第一个元素，并返回第一个元素的值，直接修改原数组
unshift	向数组的开头添加一个或更多元素，并返回新的长度，直接修改原数组
join	把数组中的所有元素放入一个字符串中，元素通过指定分隔符进行分隔
split	把一个字符串分割成字符串数组，字符串通过指定点进行分割
splice	向/从数组中添加/删除项目，然后返回被删除的项目，直接修改原数组

1.2 用 splice函数分别实现 push、pop、shift、unshift方法

• splice：向数组中添加元素，或从数组中删除元素

语法：arrayObject.splice(index, howmany, item1,.....,itemX)
参数说明：
 1. index：必填；整数；定义起始位置；若为负数，起始位置从尾部开始计算
 2. howmany：必填；需要删除的元素数量；若为 0，则不删除任何元素
 3. itemX：选填；向数组添加的新元素；数量可为多个

• 1.push：向数组末尾添加一个或多个元素【堆栈】

var arr1 = new Array(1,2,3,4,5)
arr1.splice(arr.length, 0, 6)
console.log(arr1)  // [1, 2, 3, 4, 5, 6]

• 2.pop：删除数组末尾最后一个元素【堆栈】

var arr2 = new Array(1,2,3,4,5)
arr2.splice(arr.length-1, 1)
console.log(arr2)  // [1, 2, 3, 4]

• 3.shift：删除数组开头第一个元素【队列】

var arr3 = new Array(1,2,3,4,5)
arr3.splice(0, 1)
console.log(arr3)  // [2, 3, 4, 5]

• 4.unshift：向数组开头添加一个或多个元素【队列】

var arr4 = new Array(1,2,3,4,5)
arr4.splice(0, 0, 0)
console.log(arr4)  // [0, 1, 2, 3, 4, 5]

2. 编写函数，功能：操作数组，数组中的每一项变为原来的平方，操作原数组

• 思路

// 遍历数组 { 计算平方 }
// 循环时：将平方结果赋值替换原数组元素 —— 使用数组下标

• 代码如下

function squareArr(arr){
    // 函数补全
    for(var i = 0; i < arr.length; i++){
      arr[i] = Math.pow(arr[i], 2)  
      // arr[i] = arr[i] * arr[i]   // 指定每一项的保存位置
    }
    return arr
}
var arr = [2, 4, 6]
squareArr(arr)
console.log(arr) // [4, 16, 36]

3. 编写函数，功能：操作数组，返回一个新数组，新数组中只包含正数，原数组不变

• 思路

// 遍历数组 { 条件判断 }
// 声明新空数组保存值，最终return值

• 代码如下

function filterPositive(arr){
    //函数补全
    var emptyArr = []
    for(var i = 0; i < arr.length; i++){
      if( typeof arr[i] === 'number' && arr[i] > 0){  // 只需要数字，且是正数
        emptyArr.push( arr[i] )  // .push 将 参数 添加到 指定数组中(emptyArr)
      }
    }
    return emptyArr
}
var arr = [3, -1,  2,  '饥人谷', true]
var newArr = filterPositive(arr)
console.log(arr)  // [3, -1, 2, '饥人谷', true]
console.log(newArr)  // [3, 2]

---

三、Date 任务

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

• 思路

// 1. 分别获取当前时间、指定时间，并计算差值
// 2. 转换差值显示格式：毫秒数转换为指定格式
// 3. 以北京时间 0 为基准

• 代码如下

function getChIntv(time){
    var endLine = Date.parse(time)            // 1.传递指定时间
    var startLine = Date.now()                // 2.获取当前时间
    var interval = endLine - startLine        // 3.计算时间间隔（可使用Math.abs()）
    var secondsAll = parseInt(interval/1000)  // 4.全部秒数（需要整数进行计算）
    var seconds = secondsAll % 60             // 5.换算秒数
    var minutesAll = parseInt(secondsAll/60)  // 6.全部分钟数
    var minutes = minutesAll % 60             // 7.换算分钟数
    var hoursAll = parseInt(minutesAll/60)    // 8.全部小时数
    var hours = hoursAll % 24                 // 9.换算小时数
    var daysAll = parseInt(hoursAll/24)       //10.全部天数
    var str = ''
    return var str = '距除夕还有 ' + Math.abs(daysAll) + ' 天 ' + Math.abs(hours-8) + ' 时 ' + Math.abs(minutes) + ' 分 ' + Math.abs(seconds) + ' 秒'
}
var str = getChIntv("2017-01-27");
console.log(str);  // 距除夕还有 10 天 6 时 30 分 6 秒

• 记录 /已过去/ 或 /未到来/ 的某个重要日子

// 根据条件显示不同提示：替换上面 return 语句
if((endLine - startLine) > 0){            
    return str = '距 ' + time + ' 还剩下 ' + Math.abs(daysAll) + ' 天 ' + Math.abs(hours-8) + ' 时 ' + Math.abs(minutes) + ' 分 ' + Math.abs(seconds) + ' 秒'
}else {
    return str = '距 ' + time + ' 已过去 ' + Math.abs(daysAll+1) + ' 天 ' + Math.abs(hours-8) + ' 时 ' + Math.abs(minutes) + ' 分 ' + Math.abs(seconds) + ' 秒'
}

• 题外话

UTC 和 GMT 都是世界标准时间， 两者差距很小：UTC = GMT +/- 0.9 s 
北京时间比UTC时间早8小时，例如：UTC时间是2017年1月1日0点整，北京时间是2017年1月1日早8点整

2. 编写函数getChsDate，功能：转换日期格式，把hh-mm-dd格式数字日期改成中文日期

• 思路

 1. 定义数组字典
 2. 利用数组下标筛选字典元素
 3. 字典种类：字符串、数组；
     字符串中每一个字对应一个下标；数组中每一个元素对应一个下标
     字符串字典只有0~10准确；数组字典任意数字都比较精确

• 代码如下

function getChsDate(date){
    var arr = date.split('-')
    var disc = ['零', '一', '二', '三', '四', '五', '六', '七', '八', '九', '十', '十一', '十二', '十三', '十四', '十五', '十六', '十七', '十八', '十九', '二十', '二十一', '二十二', '二十三', '二十四', '二十五', '二十六', '二十七', '二十八', '二十九', '三十', '三十一']
    var year = ''
    for(var i = 0; i < arr[0].length; i++){
        year += disc[arr[0][i]]
    }
    var month = disc[parseInt(arr[1])]  // 需要转换为整数
    var day = disc[parseInt(arr[2])]
    var result = ''
    return result = year + '年' + month + '月' + day + '日'
}
var str = getChsDate('2015-01-08');
console.log(str);  // 二零一五年一月八日

3. 编写函数，功能：按参数条件返回字符串

• 参数为时间对象毫秒数的字符串格式，返回值为字符串。

假设参数为时间对象毫秒数 t，根据 t 的时间分别返回如下字符串:
 1. 刚刚（ t 距当前时间不到1分钟时间间隔）
 2. 3分钟前 (t距当前时间大于等于1分钟，小于1小时)
 3. 8小时前 (t 距离当前时间大于等于1小时，小于24小时)
 4. 3天前 (t 距离当前时间大于等于24小时，小于30天)
 5. 2个月前 (t 距离当前时间大于等于30天小于12个月)
 6. 8年前 (t 距离当前时间大于等于12个月)

• 思路

 1. 转换参数(毫秒数)为秒数、分钟数、小时数、天数
 2. 加入条件判断，根据条件返回相应字符串
 3. 判断这个差值符合哪个条件，就返回哪个字符串

• 代码

function friendlyDate(time){
    var stare = Date.now()
    secondsAll = Math.abs(stare - time) / 1000
    if(secondsAll < 60){  // 秒数；条件判断使用向上乘法更好一些，不用转换整数
        return '刚刚'
    }else if(parseInt(secondsAll/60) >= 1 && parseInt(secondsAll/60) < 60){  // 分钟数
        return '3分钟前'
    }else if(parseInt(secondsAll/60/60) >= 1 && parseInt(secondsAll/60/60) < 24){  // 小时数
        return '8小时前'
    }else if(parseInt(secondsAll/60/60/24) >= 1 && parseInt(secondsAll/60/60/24) < 30){  // 天数
        return '3天前'
    }else if(parseInt(secondsAll/60/60/24/30) >= 1 && parseInt(secondsAll/60/60/24/30) < 12){  // 月数
        return '2个月前'
    }else if(parseInt(secondsAll/60/60/24/30/12) >= 1){  // 年数
        return '8年前'
    }
}
var time = Date.parse('2017-01-01')
var str = friendlyDate(time)
console.log(str)  // 3天前

本文章著作权归饥人谷和作者所有，转载须说明来源！