进阶6
2017-09-27 本文已影响0人
upup_dayday
Math任务
1.写一个函数，返回从min到max之间的 随机整数，包括min不包括max
function getRandomInt(min, max) {
return Math.floor(Math.random() * (Math.floor(max-1) - Math.ceil(min) + 1) + Math.ceil(min));
}
2.写一个函数，返回从min都max之间的 随机整数，包括min包括max
function getRandomInt(min, max) {
return Math.floor(Math.random() * (Math.floor(max) - Math.ceil(min) + 1) + Math.ceil(min));
}
3.写一个函数，生成一个长度为 n 的随机字符串，字符串字符的取值范围包括0到9，a到 z，A到Z
function getRandStr(len){
//补全函数
}
var str = getRandStr(10); // 0a3iJiRZap
function getRandStr(len){
var str = '';
var index,temp;
for(var i = 0;i<Math.floor(len);i++){
/*获取随机整数*/
index = Math.floor(Math.random() * (Math.floor(61) - Math.ceil(0) + 1) + Math.ceil(0));
/*转换ASCII码*/
if(index < 10){
/*0-9*/
temp = index + 48;
}else if(index < 36) {
/*A-Z*/
temp = index - 10 + 65;
}else{
/*a-z*/
temp = index - 36 + 97;
}
str += String.fromCharCode(temp);
}
return str;
}
4.写一个函数，生成一个随机 IP 地址，一个合法的 IP 地址为 0.0.0.0~255.255.255.255
function getRandIP(){
//补全
}
var ip = getRandIP()
console.log(ip) // 10.234.121.45
function getRandIP(){
var str = '';
var temp;
for(var i=0;i<4;i++){
temp = Math.floor(Math.random() * (Math.floor(255) - Math.ceil(0) + 1) + Math.ceil(0));
if(i<3){
str += temp + '.';
}else {
str += temp;
}
}
return str;
}
5.写一个函数，生成一个随机颜色字符串，合法的颜色为#000000~ #ffffff
function getRandColor(){
}
var color = getRandColor()
console.log(color) // #3e2f1b
function getRandColor(){
var str = "#";
var temp;
for(var i=0;i<3;i++){
temp = Math.floor(Math.random() * (Math.floor(255) - Math.ceil(0) + 1) + Math.ceil(0));
str += temp.toString(16);
}
return str;
}
数组任务
1.数组方法里push、pop、shift、unshift、join、splice分别是什么作用？用 splice函数分别实现push、pop、shift、unshift方法
-
push在数组末尾增加新的元素，数组index加1，length加1;
-
pop删除数组最后一个元素，数组index减1，length减1；
-
shift删除数组index最小的元素，后面元素index减1，数组length减1；
-
unshift向数组头部添加一个元素，后面元素index加1，数组length加1；
-
splice可用作从原数组中指定位置之后删除连续多个元素，或在指定位置元素之前新增多个元素；
arr2 = arr.splice(1,2)， 从数组index为1的元素后面删除两个元素，返回删除的两个元素组成的数组，且原数组内容改变
arr.splice(1,0,8,9)， 从index为1的位置删除0个元素，在index为1的元素前面新增两个元素，分别为8，9 -
push/pop组合使用可模拟栈的后入先出；
-
shift/push组合使用可模拟队列的先入先出；
/*splice实现push*/
function fnPush(arr, element){
arr.splice(arr.length, 0, element)
}
/*splice实现pop*/
function fnPop(arr){
arr.splice(arr.length-1, 1)
}
/*splice实现shift*/
function fnShift(arr){
arr.splice(0, 1)
}
/*splice实现unshift*/
function fnUnshift(arr, element){
arr.splice(0, 0, element)
}
2.写一个函数，操作数组，数组中的每一项变为原来的平方，在原数组上操作
function squareArr(arr){
arr.forEach(function(e,i,array){
array[i] = e*e
});
}
var arr = [2, 4, 6]
squareArr(arr)
console.log(arr) // [4, 16, 36]
3.写一个函数，操作数组，返回一个新数组，新数组中只包含正数，原数组不变
方法1
function filterPositive(arr){
var tempArr = [];
for(var i=0, j=0;i<arr.length;i++){
if((typeof arr[i] === "number") && (arr[i] > 0)){
tempArr [j] = arr[i];
j++;
}
}
return tempArr;
}
var arr = [3, -1, 2, '饥人谷', true]
var newArr = filterPositive(arr)
console.log(newArr) //[3, 2]
console.log(arr) //[3, -1, 2, '饥人谷', true]
方法2
function filterPositive(arr){
var tempArr = [];
tempArr = arr.filter(function(e){
return ((e > 0) && (typeof e === 'number'));
});
return tempArr;
}
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，获取从当前时间到指定日期的间隔时间
var str = getChIntv("2017-02-08");
console.log(str); // 距除夕还有 20 天 15 小时 20 分 10 秒
function getChIntv(dateStr){
var tempStr;
var targetDate = new Date(dateStr);
var curDate = new Date();
var offset = Math.abs(targetDate - curDate);
var totalSeconds = Math.floor(offset/1000);
var seconds = totalSeconds%60;
var totalMinutes = Math.floor(offset/1000/60);
var minutes = totalMinutes%60;
var totalHours = Math.floor(totalMinutes/60);
var hours = totalHours%24;
var totalDays = Math.floor(totalHours/24);
if(targetDate - curDate < 0){
tempStr = "时间已过：";
}
else{
tempStr = "时间尚有：";
}
return tempStr + totalDays + "天" + hours + "小时" + minutes +"分" + seconds + "秒";
}
2.把hh-mm-dd格式数字日期改成中文日期
var str = getChsDate('2015-01-08');
console.log(str); // 二零一五年一月八日
function getChsDate(dateStr){
var chn = ["零", "一", "二", "三", "四", "五", "六", "七", "八", "九", "十"]
var tempStr1 = new Date(dateStr);
var chnStr;
var yearStr;
var year;
var month;
var monthStr;
var day;
var dayStr;
if(isNaN(tempStr1.getFullYear())){
return "Overflow Date";
}
year = tempStr1.getFullYear().toString().split('');
year.forEach(function(e,i,array){
array[i] = chn[array[i]];
});
yearStr = year.join('');
month = tempStr1.getMonth();
if(month<10){
monthStr = chn[month+1];
}else if(month<12){
monthStr = "十" + chn[(month+1)%10];
}
day = tempStr1.getDate();
if((day == 30) || (day == 20)){
dayStr = chn[Math.floor(day/10)] + "十";
}
else if(day<11){
dayStr = chn[day];
}else {
dayStr = chn[Math.floor(day/10)] + "十" + chn[day%10];
}
chnStr = yearStr + "年" + monthStr + "月" + dayStr + "日";
return chnStr;
}
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 str = friendlyDate( '1484286699422' ) // 1分钟前
var str2 = friendlyDate('1483941245793') //4天前
function friendlyDate(time){
var tempStr;
var targetDate = new Date(parseInt(time));
var currentDate = new Date();
var offset = Math.abs(currentDate - targetDate);
var totalSeconds = Math.floor(offset/1000);
var seconds = totalSeconds%60;
var totalMinutes = Math.floor(offset/1000/60);
var minutes = totalMinutes%60;
var totalHours = Math.floor(totalMinutes/60);
var hours = totalHours%24;
var totalDays = Math.floor(totalHours/24);
var days = totalDays%30;
var totalMonths = Math.floor(totalDays/30);
var months = totalMonths%12;
var totalYears = Math.floor(totalMonths/12);
if(currentDate < targetDate){
tempStr = "时辰未到";
}
else{
if(offset < 1000*60){
tempStr = "刚刚";
}else if(offset < 1000*60*60){
tempStr = minutes + "分钟前";
}else if(offset < 1000*60*60*24){
tempStr = hours + "小时前";
}else if(offset < 1000*60*60*24*30){
tempStr = days + "天前";
}else if(offset < 1000*60*60*24*30*12){
tempStr = months + "个月前";
}else{
tempStr = totalYears + "年前";
}
}
return tempStr;
}
