JavaScript(二)-全面详解（学习总结---从入门到深化）
| 阿里云国内75折 回扣 微信号：monov8 |
| 阿里云国际，腾讯云国际，低至75折。AWS 93折 免费开户实名账号 代冲值 优惠多多 微信号：monov8 飞机：@monov6 |
Date.prototype.toLocaleDateString()
Date.prototype.toLocaleTimeString()
Math对象_静态属性
Math是 JavaScript 的原生对象提供各种数学功能。该对象不是构 造函数不能生成实例所有的属性和方法都必须在Math对象上调用
Math对象的静态属性提供以下一些数学常数
Math.E常数e。
Math.LN22 的自然对数。
Math.LN1010 的自然对数。
Math.LOG2E以 2 为底的e的对数。
Math.LOG10E以 10 为底的e的对数。
Math.PI常数 PI。
Math.SQRT1_20.5 的平方根。
Math.SQRT22 的平方根。
Math.E // 2.718281828459045
Math.LN2 // 0.6931471805599453
Math.LN10 // 2.302585092994046
Math.LOG2E // 1.4426950408889634
Math.LOG10E // 0.4342944819032518
Math.PI // 3.141592653589793
Math.SQRT1_2 // 0.7071067811865476
Math.SQRT2 // 1.4142135623730951实现圆面积
function circleArea(r){
return Math.PI * r * r;
}
circleArea(10); // 314.1592653589793学习效果反馈
1. 下列计算圆面积代码横线处应该填写的内容是
function circleArea(r){ return ___ * r * r; } circleArea(10); // 314.1592653589793A Math.E
B Math.SQRT2
C Math.LN2
D Math.PI
Math对象_静态方法一
Math.abs()
Math.abs 方法返回参数值的绝对值
Math.abs(1) // 1
Math.abs(-1) // 1Math.max()Math.min()
Math.max 方法返回参数之中最大的那个值 Math.min 返回最小的那个
值。如果参数为空, Math.min 返回 Infinity , Math.max 返回 -Infinity 。Math.max(2, -1, 5) // 5
Math.min(2, -1, 5) // -1
Math.min() // Infinity
Math.max() // -Infinity常见应用场景
利用Math的最大值和最小值求数组的最大值最小值
Math.min.apply(null,[10,20,30,40])
Math.floor()Math.ceil()
Math.floor 方法返回小于参数值的最大整数
Math.floor(3.2) // 3
Math.floor(-3.2) // -4Math.ceil 方法返回大于参数值的最小整数
Math.ceil(3.2) // 4
Math.ceil(-3.2) // -3这两个方法可以结合起来实现一个总是返回数值的整数部分的函数
function ToInteger(x) {
x = Number(x);
return x < 0 ? Math.ceil(x) :
Math.floor(x);
}
ToInteger(3.2) // 3
ToInteger(3.5) // 3
ToInteger(3.8) // 3
ToInteger(-3.2) // -3
ToInteger(-3.5) // -3
ToInteger(-3.8) // -3学习效果反馈
1. 下列代码获得一个正整数横线处应该填写的内容是
function ToInteger(x) { x = Number(x); return ___(___(x)); } ToInteger(-10.4); // 向下取整10A Math.floor Math.abs
B Math.ceil Math.abs
C Math.ceil Math.min
D Math.floor Math.min
2. 下列代码获得一个数组最大值横线处应该填写的内容是
Math.___.apply(null,[10,20,30,40])A ceil
B floor
C max
D min
Math对象_静态方法二
Math.round()
Math.round 方法用于四舍五入
Math.round(0.1) // 0
Math.round(0.5) // 1
Math.round(0.6) // 1
Math.round(-1.1) // -1
Math.round(-1.5) // -1
Math.round(-1.6) // -2Math.pow()
Math.pow 方法返回以第一个参数为底数、第二个参数为幂的指数值
// 等同于 2 ** 2
Math.pow(2, 2) // 4
// 等同于 2 ** 3
Math.pow(2, 3) // 8下面是计算圆面积的方法
var radius = 20;
var area = Math.PI * Math.pow(radius, 2);Math.sqrt()
Math.sqrt 方法返回参数值的平方根。如果参数是一个负值则返回 NaN
Math.sqrt(4) // 2
Math.sqrt(-4) // NaNMath.log()
Math.log 方法返回以 e 为底的自然对数值
Math.log(Math.E) // 1
Math.log(10) // 2.302585092994046Math.exp()
Math.exp 方法返回常数 e 的参数次方
Math.exp(1) // 2.718281828459045
Math.exp(3) // 20.085536923187668学习效果反馈
1. 下列代码计算圆的面积横线处应该填写的内容是
var radius = 20; var area = ___ * ___(radius, 2);A Math.PI Math.pow
B Math.pow Math.PI
C Math.pow Math.sqrt()
D Math.PI Math.sqrt()
2. 下列那个代码是平方根的数学函数
A Math.PI
B Math.pow
C Math.sqrt()
D Math.lo
Math对象_静态方法三
Math.random()
Math.random() 返回0到1之间的一个伪随机数可能等于0但是一定小于1Math.random() // 0.28525367438365223任意范围的随机数生成函数如下
function getRandomArbitrary(min, max) {
return Math.random() * (max - min) + min;
}
getRandomArbitrary(5, 10)返回随机字符实例
function random_str(length) {
var ALPHABET =
'ABCDEFGHIJKLMNOPQRSTUVWXYZ';
ALPHABET += 'abcdefghijklmnopqrstuvwxyz';
ALPHABET += '0123456789-_';
var str = '';
for (var i=0; i < length; ++i) {
var rand = Math.floor(Math.random() * ALPHABET.length);
str += ALPHABET.substring(rand, rand + 1);
}
return str;
}
random_str(6) // "GEghrr"三角函数方法
Math 对象还提供一系列三角函数方法
Math.sin()返回参数的正弦参数为弧度值
Math.cos()返回参数的余弦参数为弧度值
Math.tan()返回参数的正切参数为弧度值
Math.asin()返回参数的反正弦返回值为弧度值
Math.acos()返回参数的反余弦返回值为弧度值
Math.atan()返回参数的反正切返回值为弧度值
学习效果反馈
1. 下列代码返回一个随机字符串横线处应该填写的内容是
function random_str(length) { var ALPHABET = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; ALPHABET += 'abcdefghijklmnopqrstuvwxyz'; ALPHABET += '0123456789-_'; var str = ''; for (var i=0; i < length; ++i) { var rand = Math.floor(___ * ALPHABET.length); str += ALPHABET.___(rand, rand + 1); } return str; } random_str(6)A Math.random() substring
B Math.random() Math.PI
C Math.round substring)
D Math.round Math.sqrt()
Date对象
Date 对象是 JavaScript 原生的时间库。它以1970年1月1日00:00:00 作为时间的零点可以表示的时间范围是前后各1亿天单位为毫秒
普通函数的用法
Date 对象可以作为普通函数直接调用返回一个代表当前时间的字符串
Date()
'Tue Oct 26 2022 10:31:34 GMT+0800 (中国标准时间)'
Date(2000, 1, 1)
// 'Tue Oct 26 2022 10:31:34 GMT+0800 (中国标准时间)'构造函数的用法
Date 还可以当作构造函数使用。对它使用 new 命令会返回一个 Date 对象的实例。如果不加参数实例代表的就是当前时间
var today = new Date();
作为构造函数时 Date 对象可以接受多种格式的参数返回一个该参数对应的时间实例
// 参数为时间零点开始计算的毫秒数
new Date(1635215676627)
// Tue Oct 26 2021 10:34:36 GMT+0800 (中国标准时间)
// 参数为日期字符串
new Date('January 6, 2020');
// Mon Jan 06 2020 00:00:00 GMT+0800 (中国标准时间)
// 参数为多个整数
// 代表年、月、日、小时、分钟、秒、毫秒
new Date(2020, 0, 1, 0, 0, 0, 0)
// Wed Jan 01 2020 00:00:00 GMT+0800 (中国标准时间)各种类型的参数
new Date('2022-2-15')
new Date('2022/2/15')
new Date('02/15/2022')
new Date('2022-FEB-15')
new Date('FEB, 15, 2022')
new Date('FEB 15, 2022')
new Date('Feberuary, 15, 2022')
new Date('Feberuary 15, 2022')
new Date('15 Feb 2022')
new Date('15, Feberuary, 2022')日期的运算
var d1 = new Date(2000, 2, 1);
var d2 = new Date(2000, 3, 1);
d2 - d1
// 2678400000 毫秒学习效果反馈
1. 下列代码关于日期代码运行结果是
var d1 = new Date("02/15/2022"); var d2 = new Date("2022/03/15"); console.log(d2 - d1);A 01/00
B -2419200000
C 2419200000
D -01/00
Date对象_静态方法
时间戳
时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间 1970年01月01日08时00分00秒)起至现在的总秒数。 格林威治和北京时间就是时区的不同 Unix是20世纪70年代初出现的一个操作系统Unix认为1970年1月 1日0点是时间纪元。JavaScript也就遵循了这一约束
Date.now()
Date.now 方法返回当前时间距离时间零点1970年1月1日 00:00:00 UTC的毫秒数相当于 Unix 时间戳乘以1000
Date.now(); // 1635216733395Date.parse()
Date.parse 方法用来解析日期字符串返回该时间距离时间零点 1970年1月1日 00:00:00的毫秒数
Date.parse('Aug 9, 2022')
Date.parse('January 26, 2022 13:51:50')
Date.parse('Mon, 25 Dec 2022 13:30:00 GMT')
Date.parse('Mon, 25 Dec 2022 13:30:00 +0430')
Date.parse('2022-10-10')
Date.parse('2022-10-10T14:48:00')如果解析失败返回 NaN
Date.parse('xxx') // NaN学习效果反馈
1. 使用Date.now()获得时间戳
A Date.now()
B Date.now() /10000
C Date.now() /100
D Date.now() /1000
Date对象_实例方法/to类
Date 的实例对象有几十个自己的方法分为三类
Date.prototype.toUTCString()
toUTCString 方法返回对应的 UTC 时间也就是比北京时间晚8个小时
var d = new Date(2022, 0, 1);
d.toUTCString()
// "Fri, 31 Dec 2021 16:00:00 GMT"
Date.prototype.toDateString()
toDateString 方法返回日期字符串不含小时、分和秒
var d = new Date(2022, 0, 1);
d.toDateString() // "Sat Jan 01 2022"Date.prototype.toTimeString()
toTimeString 方法返回时间字符串不含年月日
var d = new Date(2022, 0, 1);
d.toTimeString() // 00:00:00 GMT+0800 (中国标准时间)Date.prototype.toLocaleDateString()
toLocaleDateString 方法返回一个字符串代表日期的当地写法不含小时、分和秒
var d = new Date(2022, 0, 1);
d.toLocaleDateString() // 2022/1/1Date.prototype.toLocaleTimeString()
toLocaleTimeString 方法返回一个字符串代表时间的当地写法不含年月日、
var d = new Date(2022, 0, 1);
d.toLocaleTimeString() // 上午12:00:00学习效果反馈
1. 下列代码运行结果是
var d = new Date(2022, 0, 1); d.toLocaleTimeString()A Sat Jan 01 2022
B 上午12:00:00
C 2022/1/1
D 00:00:00 GMT+0800 (中国标准时间)
Date对象_实例方法/get类
Date 对象提供了一系列 get* 方法用来获取实例对象某个方面的值
var d = new Date('January 6, 2022');
d.getDate() // 6
d.getMonth() // 0
d.getYear() // 122
d.getFullYear() // 2022编写函数获得本年度剩余天数
function leftDays() {
var today = new Date();
var endYear = new Date(today.getFullYear(), 11, 31, 23, 59, 59, 999);
var msPerDay = 24 * 60 * 60 * 1000;
return Math.round((endYear.getTime() - today.getTime()) / msPerDay);
}学习效果反馈
1. 下列代码计算本年度剩余天数划横线处应该填写代码是
function leftDays() { var today = new Date(); var endYear = new Date(today.___, 11, 31,23, 59, 59, 999); var msPerDay = 24 * 60 * 60 * 1000; return Math.round((endYear.___ - today.___) / msPerDay); }A getTime() getDate() getTime()
B getTime() getTime() getDate()
C getFullYear() getTime() getDate()
D getFullYear() getTime() getTime()
Date对象_实例方法/set类
Date 对象提供了一系列 set* 方法用来设置实例对象的各个方面
var d = new Date ('January 6, 2022');
d // Thu Jan 06 2022 00:00:00 GMT+0800 (中国标准时间)
d.setDate(9)
d // Sun Jan 09 2022 00:00:00 GMT+0800 (中国标准时间)var d = new Date();
// 将日期向后推1000天
d.setDate(d.getDate() + 1000);
// 将时间设为6小时后
d.setHours(d.getHours() + 6);
// 将年份设为去年
d.setFullYear(d.getFullYear() - 1);学习效果反馈
1. 下列代码划横线处应该填写代码是
var d = new Date(); var year = d.___; if(year % 4 === 0 && year % 100 != 0 || year % 400 === 0){ console.log(d.setDate(d.___ + 366));; }else{ console.log(d.setDate(d.getDate() + 365));; }A getFullYear() getDate()
B getFullYear() getDay()
C getYear() getDate()
D getYear() getDay()
Math与Date实操
编写一个函数,获得一个十六进制的随机颜色的字符串(例 如:#20CD4F)方法
function genColor(){
var str="0123456789abcdef";
var color="#";
for(var i=0;i<6;i++){
var num=Math.floor(Math.random()*str.length);
color=color+str[num];
}
return color;
}
学习效果反馈
1. 下列代码划横线处应该填写代码是
function genColor(){ var str="0123456789abcdef"; var color="#"; for(var i=0;i<6;i++){ var num=___(___*str.length); color=color+str[num]; } return color; }A Math.floor Math.round()
B Math.ceil Math.round()
C Math.ceil Math.random()
D Math.floor Math.random()
JS时间戳、日期互相转换
// 时间戳转日期
function timestampToTime(timestamp) {
var date = new Date(timestamp);//时间戳为10位需*1000时间戳为13位的话不需乘1000
var Y = date.getFullYear() + '-';
var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-';
var D = date.getDate() + ' ';
var h = date.getHours() + ':';
var m = date.getMinutes() + ':';
var s = date.getSeconds();
return Y + M + D + h + m + s;
}
// 日期转时间戳
var date = new Date('2020-01-01 18:55:49:123');
var time1 = date.getTime();引入时间戳生成可控长度的随机数
function genID(length){
return Math.random().toString().substr(2,length) + Date.now().toString(36);
}学习效果反馈
1. 下列代码划横线处应该填写代码是
function genID(length){ return ___.toString().___(2,length) + Date.now().toString(36); }A Math.round() split
B Math.random() split
C Math.random() substr
D Math.round() substr