为什么要做这么多的练习:一下每个模块涉及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
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>
