JavaScript学习的第十天

已于 2022-04-25 03:01:33 修改
阅读量1.1k 收藏
点赞数
文章标签： 前端 javascript
于 2022-04-21 15:46:29 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cs_laomanong/article/details/124316511
版权

**Number对象

1、Number对象是原始数值的包装对象

2、创建：当参数值不为数字时，返回NaN。

①字面量

var num=10;

②new 关键字 构造函数

var num2=new Number(100);
console.log(num2);
var num3=new Number("hello");
console.log(num3);   //NaN  not a number

3、精度，进制：JS中 只用一种数字类型，包含整数和小数（浮点型）

var num1=100;

var num2=100.0;

科学计数法： 极大的成绩效的数字可以使用科学（指数）计数法表示 e：10的次方/次幂

var a=12300000000000;
var b=123e11;
console.log(a);  //12300000000000
console.log(b);  //12300000000000
console.log(a===b);  //true
var c=0.00000000000123;
var d=1.23e-12;
console.log(c);  //1.23e-12
console.log(d);  //1.23e-12

-精度 

整数（不适用于小数点或科学计数法）最多15位

var x=999999999999999;
var y=9999999999999999;
console.log(x);  //999999999999999
console.log(y);  //10000000000000000

小数 最大位数17位  运算不能保证100%准确性

var n=0.0000000000000001;
var m=0.00000000000000012;
console.log(n);  //1e-16
console.log(m);  //1.2e-16
console.log(0.1+0.2);  //0.300000000000000004
//十进制转换为二进制 二进制转换为十进制 出现了偏差

-进制

十进制  逢十进一 默认

十六进制  逢十六进一 前缀0x   01233456789abcdef

var j=0xaa;  //10*1+10*16
console.log(j);  //170

八进制  逢八进一  前缀0 

var k=0211;//1*1+1*8+2*8*8
consloe.log(k);  //137

 二进制  逢二进一  

进制的转换  toString(进制)

var m=20;
console.log(m.toString(8));  //24
console.log(m.toString(16));  //14
console.log(m.toString(2)));  //10100
console.log(m.toString(10)));  //170

4、Number对象的属性

constructor 返回对创建此对象的Number函数的引用。

prototype  允许你可以向对象添加属性和方法

MAX_VALUE  可表示的最大数。

console.log(Number.MAX_VALUE); //1.7976931348623157e+308

MIN_VALUE   可表示的最小的数。

console.log(Number.MIN_VALUE); //5e-324

NEGATIVE_INFINITY 负无穷大，溢出时返回该值。

console.log(Number.NEGATIVE_INFINITY);  //-Infinity
console.log(-2/0);  //-Infinity

POSITIVE_INFINITY 正无穷大，溢出时返回该值。

console.log(Number.POSITINV_INFINITY);  //Infinity
console.log(2/0);  //Infinity
console.log(2/0===Number.POSITINV_INFINITY);  //true

NaN  非数字值

var a=NaN;
var b=NaN;
console.log(a===b);  //false

Es6新增

MAX_SAFE_INTEGER  表示在JavaScript中最大的安全整数（253-1）。  //9007199254720991

MIN_SAFE_INTEGER   表示在JavaScript中最小的安全整数（253-1）。  //-9007199254720991

 EPSILOW  表示1和比接近1且大于1 的最小Number之间的差距。

5、Number对象的方法

toExponential()  把对象的值转换为只数（科学）计数法

console.log((123.000000000).toExponential());  //1.230000000001e+2

toFixed()  把数字转换为字符串，结果的小数点后有指定位数的数字。

console.log((123.25235252352).toFixed(2));  //123.25  遵循舍四进五

toPrecision() 把数字格式化为指定的长度  包括小数点前的数字，不用四舍五入

console.log((123.25235252352).toPrecision(5));  //123.25

isFinite(参数) 检测指定参数是否不为无穷大。参数为NaN或是正负无穷大返回false其他返回true。

console.log(Number.isFinite(123));  //true

 isNaN(参数) 检测一个参数是否不是一个数字。

isInteger(参数) 检测一个参数是否为整数。

isSafeInteger(参数) 检测一个参数是否为安全整数。

**Boolean对象

Boolean对象用于将非布尔值转换为布尔值(true或false)

var a=true;
var b=false;
// var c=new Boolean(参数)  参数可以非布尔值  自动转换
var c=new Boolean("");
console.log(c)

属性 

constructor 返回对创建此对象的 Boolean 函数的引用

prototype 给对象添加属性和方法   原型

方法

toString()  把布尔值转换为字符串

console.log(c.toString());

valueOf() 返回 Boolean 对象的原始值。

console.log(c.valueOf());  //false

**Math对象

属性：

Math:用于处理数学任务   内联(建)样式    console.log(Math);

1、E: 返回算术常量 e，即自然对数的底数（约等于2.718）。console.log(Math.E);//2.718281828459045

2、LN2: 返回 2 的自然对数（约等于0.693）。  以E为底，2的对数console.log(Math.LN2);//0.6931471805599453

3、LN10:  10 的自然对数（约等于2.302）。

console.log(Math.LN10);//2.302585092994046

4、LOG2E: 返回以 2 为底的 e 的对数（约等于 1.4426950408889634）。console.log(Math.LOG2E);//1.4426950408889634

5、LOG10E: 返回以 10 为底的 e 的对数（约等于0.434）。console.log(Math.LOG10E);//0.4342944819032518

6、PI: 返回圆周率（约等于3.14159）。

console.log(Math.PI);//3.141592653589793

7、SQRT1_2: 返回 2 的平方根的倒数（约等于 0.707）。console.log(Math.SQRT1_2);//0.7071067811865476

8、SQRT2: 返回 2 的平方根（约等于 1.414）。console.log(Math.SQRT2);//1.4142135623730951

9、Math.log(x) 返回数的自然数对数(底为e)

console.log(Math.log(Math.E));//1

在数学中，对数是对求幂的逆运算  

E: 2.718281828459045

LN2: 0.6931471805599453

LN10: 2.302585092994046

LOG2E: 1.4426950408889634

LOG10E: 0.4342944819032518

PI: 3.141592653589793

SQRT1_2: 0.7071067811865476

 SQRT2: 1.4142135623730951

方法 

1.三角函数   正弦 余弦 正切 ... 

sin(x)   返回数的正弦。  对边/斜边  

console.log(Math.sin(Math.PI/6));//360度 = 2Π弧度  1/2

cos(x)   返回数的余弦。  临边/斜边

console.log(Math.cos(Math.PI/3));

tan(x)   返回角的正切。  对边/临边

console.log(Math.tan(Math.PI/4));

asin(x)  返回 x 的反正弦值。

console.log(Math.asin(0.5));//返回弧度

acos(x)  返回 x 的反余弦值。

atan(x)  以介于 -PI/2 与 PI/2 弧度之间的数值来返回 x 的反正切值。

atan2(y,x)   返回从 x 轴到点 (x,y) 的角度（介于 -PI/2 与 PI/2 弧度之间）。

2.对数

log(x)   返回数的自然对数（底为e）。

console.log(Math.log(Math.E));//1

 3. 幂  平方根

sqrt() 返回数的平方根。

console.log(Math.sqrt(2));//1.4142135623730951
console.log(Math.sqrt(3));//1.7320508075688772
console.log(Math.sqrt(5));//2.23606797749979

pow(x,y) 返回 x 的 y 次幂。

console.log(Math.pow(2,2));//4
console.log(Math.pow(3,3));//27

exp(x)   返回 Ex 的指数。   返回E的x次方

console.log(Math.exp(3));
console.log(Math.pow(2.718281828459045,2))

4.最大 最小值 

max(x,y,z,...,n) 返回 x,y,z,...,n 中的最高值。

console.log(Math.max(1,2,3,4,5,6,7));

min(x,y,z,...,n) 返回 x,y,z,...,n中的最低值。

console.log(Math.min(1,2,3,4,5,6,7));

5.取值  绝对值  四舍五入  向上取整  向下取整  随机数

abs(x)   返回 x 的绝对值。  

console.log(Math.abs(-3.222));  //3.222
console.log(Math.abs(3.4444));

ceil() 对数进行上舍入  向上取整

console.log(Math.ceil(1.1));//2

floor() 对数进行下舍入  向下取整

console.log(Math.floor(1.9));//1

 round() 四舍五入

console.log(Math.round(10.5));//11
console.log(Math.round(10.4));//10
console.log(Math.round(-10.6));//-10

random() 返回 0 ~ 1 之间的随机数。  包含0 不包含1   

console.log(Math.random());

 取随机整数   范围时300-1000

console.log(Math.round(Math.random()*10));//0到10
console.log(Math.round(Math.random()*700));//0到700  300-1000
console.log(Math.round(Math.random()*700)+300);//300到1000

**Date对象

**Date对象的构建：

使用new 关键字 Date() 构造函数

1、获取当前时间

var oDate=new Date();
console.log(oDate);  //无参数时  获取当前日期时间

2、自定义时间

new Date(year,month,day,hour,minute,second,millisecond)

参数为纯数字时 表示为毫秒数  返回距离1970年1月1日0点的毫秒数

var oDate2=new Date(100000);//
console.log(oDate2);//Thu Jan 01 1970 08:01:40 GMT+0800 (中国标准时间)  
//计算机中将1970年1月1日0时0份0秒作为时间纪元。

将年月日作为参数传进去

var oDate3=new Date(2022,1,1);
console.log(oDate3);

 时分秒

var oDate4=new Date(2022,3,29,18,0,0);
console.log(oDate4);

时间格式 字符串作为参数

var oDate5=new Date("2022-4-29,18:00:00");
var oDate6=new Date("2022/4/29,18:00:00");
console.log(oDate5);
console.log(oDate6);

 **Date对象的属性

constructor 返回对创建此对象的 Date 函数的引用

prototype 向对象中添加属性和方法  原型

Date.prototype.name="日期时间对象"
console.log(new Date().name)

**Date对象的方法1

var oDate1=new Date();

*getFullYear  从Date对象以四位数字返回年份

console.log(oDate1.getFullYear());  //2022

***getMonth 从Date对象返回月份（0~11）。1到12月份

console.log(oDate1.getMonth());//3

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

console.log(oDate1.getDate());//21

**getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。周日-周六

console.log(oDate1.getDay());//4

*getHours() 返回 Date 对象的小时 (0 ~ 23)。

console.log(oDate1.getHours());//19

*getMinutes() 返回 Date 对象的分钟 (0 ~ 59)。

console.log(oDate1.getMinutes());

*getSeconds() 返回 Date 对象的秒数 (0 ~ 59)。

console.log(oDate1.getSeconds());//43

*getMilliseconds() 返回 Date 对象的毫秒(0 ~ 999)。

console.log(oDate1.getMilliseconds());

***getTime() 返回 1970 年 1 月 1 日至今的毫秒数。

console.log(oDate1.getTime());
var oDate2=new Date(100000);
console.log(oDate2.getTime());

**getTimezoneOffset()   返回本地时间与格林威治标准时间（GMT）的分钟差。 

console.log(oDate1.getTimezoneOffset());  //-480

格林威治时间  与本地时间大致相差8小时。

getUTCDate() 根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。

getUTCDay()  根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。

getUTCFullYear() 根据世界时从 Date 对象返回四位数的年份。

getUTCHours()    根据世界时返回 Date 对象的小时 (0 ~ 23)。

console.log(oDate1.getUTCHours());//9

getUTCMilliseconds() 根据世界时返回 Date 对象的毫秒(0 ~ 999)。

getUTCMinutes()  根据世界时返回 Date 对象的分钟 (0 ~ 59)。

getUTCMonth()    根据世界时从 Date 对象返回月份 (0 ~ 11)。

getUTCSeconds()  根据世界时返回 Date 对象的秒钟 (0 ~ 59)。

getYear()    已废弃。 请使用 getFullYear() 方法代替。

设置

setFullYear()    设置 Date 对象中的年份（四位数字）。

setMonth()   设置 Date 对象中月份 (0 ~ 11)。    

setDate()    设置 Date 对象中月的某一天 (1 ~ 31)。

setHours()   设置 Date 对象中的小时 (0 ~ 23)。

setMinutes() 设置 Date 对象中的分钟 (0 ~ 59)。

setSeconds() 设置 Date 对象中的秒钟 (0 ~ 59)。    

setMilliseconds()    设置 Date 对象中的毫秒 (0 ~ 999)。

var oDate3=new Date();
console.log(oDate3);
oDate3.setFullYear(2024);
console.log(oDate3);  //设置为2024年当前时间段
oDate3.setMonth(1);
console.log(oDate3);  //设置为2月份当前时间段

setTime()  以毫秒设置Date对象，1970年1月1日至今的毫秒数。

var oDate3=new Date();
console.log(oDate3);
oDate3.setTime(1000);
console.log(oDate3);

设置世界时间  格林威治时间

setUTCFullYear() 根据世界时设置 Date 对象中的年份（四位数字）。

setUTCDate() 根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。

setUTCHours()    根据世界时设置 Date 对象中的小时 (0 ~ 23)。

setUTCMilliseconds() 根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。

setUTCMinutes()  根据世界时设置 Date 对象中的分钟 (0 ~ 59)。

setUTCMonth()    根据世界时设置 Date 对象中的月份 (0 ~ 11)。

setUTCSeconds()  setUTCSeconds() 方法用于根据世界时 (UTC)

 **Date对象的方法2

var oDate1=new Date();

**toString()  把Date对象转换成字符串

console.log(oDate1.toString());

  **toDateString() 把Date对象的日期部分转换为字符串。 

console.log(oDate1.toDateString());//Fri Apr 22 2022

**toTimeString() 把Date对象的时间部分转换为字符串。

console.log(oDate1.toTimeString());//10:48:19 GMT+0800 (中国标准时间)

**toLocaleString() 根据本地时间格式，把Date对象转换为字符串。

    console.log(oDate1.toLocaleString());//2022/4/22 上午10:50:31

**toLocaleDateString() 根据本地时间格式，把Date对象的日期部分转换为字符串。

    console.log(oDate1.toLocaleDateString());

**toLocaleTimeString() 根据本地时间格式，把Date对象的时间部分转换为字符串。

    console.log(oDate1.toLocaleTimeString());

**toUTCString() 根据世界时间，把Date对象转换为字符串

    console.log(oDate1.toUTCString());//Fri, 22 Apr 2022 02:53:01 GMT

**toISOString() 使用ISO标准返回字符串的日期格式。

    console.log(oDate1.toISOString());//2022-04-22T02:54:43.953Z

**toJSON() 以 JSON 数据格式返回日期字符串。

    console.log(oDate1.toJSON());//2022-04-22T02:57:02.910Z

**valueOf() 返回Date对象的原始值

    console.log(oDate1.valueOf());//1650596386824

    console.log(new Date(1650596386824));

**UTC() 根据世界时间返回1970年1月1日到指定日期的毫秒数

    console.log(Date.UTC(1970,0,2));//86400000

**parse() 返回1970年1月1日午夜到指定日期(字符串)的毫秒数

    console.log(Date.parse("1970,1,2"));//57600000
十点差三分️
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
文档对象模型
m0_61604012的博客
08-26 86
DOM，操作元素内容，操作样式，属性，事件。
javascript基础知识6~10
qq_41995845的博客
09-15 264
6、JavaScript 变量 JavaScript 变量是存储数据值的容器。 在本例中，x、y 和 z 是变量： 实例 var x = 7; var y = 8; var z = x + y; 亲自试一试 从上例中，您可获得： x 存储值 7 y 存储值 8 z 存储值 15 类似代数 在本例中，price1、price2 以及 total 是变量： 实例 var price1 = 7; var price2 = 8; var price3 = 12; var total = price1 + pri
JavaScript学习第3天(个人理解)
yx25900的博客
04-16 331
re = i //如果找到则把当前索引号赋值给 re， 如果没有找到，则默认的是 -1。这是因为当for循环遍历到3索引时,直接break跳出循环,应该是遍历完整个数组才对,那么请问该如何修改呢。// 找出数组中 元素为10的下标，有则打印该下标，没有则打印 - 1。例3:[88,20,30,10,100,50,10] 打印 3 6。找出数组中 元素为10的下标，有则打印该下标，没有则打印-1。例1: [88,20,10,100,50] 打印 2。例2: [88,20,30,100,50] 打印-1。
js基本概念试题
weixin_43817245的博客
09-24 350
1、什么是JavaScript？ 基于对象和事件驱动可解释性脚本语言 2、JavaScript与ECMAScript的关系？ JavaScript是ECMAScript的表现，ECMAScript是JavaScript的规范 3、变量的命名规则？ 1.名字见名知义，遵循驼峰标识。例：userName passWord 2.变量名只能以字母,_,$开头 3.不能使用关键和保留字 4.变量名不要相同...
js易错问题
飞鱼
04-02 411
1、考察this var length = 10; function fn() { console.log(this.length); } var obj = { length: 5, method: function(fn) { fn(); arguments[0](); } }; obj.method(fn, 1); 输出：10 2 第一次
【新手入门】javascript新手学习第十课
03-29
继承是什么，如同人，在出生的时候就继承了上一辈的基因一样，js里也存在着继承，如 function father(){  this.name="丁小柒";  this.sex="man" } var son=new father();  console.log(son.name);...
JavaScript Event学习第十一章 按键的检测
12-07
第一个问题是对于按键事件来说根本就没有标准，按照规范说的：包含键盘等输入设备的事件模型会在以后的DOM规范中作出解释。 正如我们了解到的，浏览器在最开始设计的时候并没有一个标准，大家都像做实验似的，最后的...
JavaScript 学习笔记（十四） 正则表达式
10-29
RegExp类 RegExp对象的构造函数可以带一个或两个参数 第一个参数是描述需要进行匹配的模式字符串，如果还有第二个参数，这个参数则制定了额外的处理指令。
JavaScript权威指南（第五版）
07-22
这本《JaVaｓｃｒｉｐｔ权威指南》连续印刷5次，销售数十万册，成为很多Javaｓｃｒｉｐｔ学习者的必备宝典。由于其封面上是一只“爪哇犀牛”（封面上印上动物是原书出版公司O'Reilly一贯的风格），读者亲切地称其为...
javaScript与jQuery第十二章上机作业.zip
05-15
18级在校生,学习javascript与jQuery,第十二章上机作业,广安职业技术学院。 记录学习的点点滴滴,加强巩固练习。
new Date(2022-02-06 13:20:00)ios端真机调试出现NaN
Yipitre的博客
07-19 234
new Date里时间格式的-与/的问题
JS中 new Date() 各方法的用法
热门推荐
xie_bro的博客
08-21 1万+
JS中 new Date() 各方法的用法，包含入参简介，及各方法的用法，时间戳、国标时间、年月日转换
java Date getTime()
zmzmz_m的博客
01-25 2165
Date date = new SimpleDateFormat("yyyy-MM-dd HH:mm:ss").parse("1970-01-02 00:00:00");             System.out.println(date.getTime()); 返回 57600000 而不是 86400000 要注意这个返回 的值 要加上当前时区
JavaScript获取当前时间（结果以2022年为例）
带刺玫瑰的博客
12-06 2131
使用JavaScript获取当前时间，以2022年举例 let date=new Date(); date.getYear();//获取当前年份(2位)，结果：122 date.getFullYear();//获取完整的年份(4位)，结果：2022 date.getMonth();//获取当前月份(0-11,0代表1月)，因为从0开始，所以结果要+1才是正确月份，结果：11 date.getDate();//获取当前日(1-31)，结果：6 date.getDay();//获取当前星期X(0-6,
JS基础学习（八）：Date构造方法、时间戳、string属性（一）
m0_64460142的博客
04-26 2265
1.创建 Date 对象 Date 对象由新的Date() 构造函数创建。 有 4 种方法创建新的日期对象： new Date() new Date(year, month, day, hours, minutes, seconds, milliseconds) new Date(milliseconds) new Date(date string) 第一种：let time1 = new Date(); //let一个日期对象time1给Date构造函数...
new Date()日期格式处理
qq_45716607的博客
03-25 1231
1 不做转换 正确的写法 必须写双引号 不写双引号肯定是错误的 var b=new Date("2022,03,25"); var b=new Date("2022/3/25"); var b=new Date("2022/03/25"); var b=new Date("2022-03-25"); var b=new Date("2022-3-25"); 2 做转化的正确的写法 var strTime="2011-04-16";
JavaScript - Date()日期对象 - 笔记
JUN_7777的博客
01-30 1351
date()
js Date对象
亮星空
06-03 3103
Date 对象用于处理日期和时间。创建 Date 对象的语法：var myDate=new Date()Date 对象会自动把当前日期和时间保存为其初始值。参数形式有以下５种：      new Date("month dd,yyyy hh:mm:ss");   new Date("month dd,yyyy");   new Date(yyyy,mth,dd,hh,mm,ss);   new...
new Date()对象的格式处理
weixin_43996362的博客
02-18 304
new Date() 对象的格式处理 new Date(year,month,date,hrs,min,sec) 可以用 2021/2/18 这种格式 不可以用2021-2-18 date = new Date() 获取当前时间戳 年： date.getFullYear() 月：date.getMonth() + 1 日：day = date.getDate() day < 10 ? (‘0’ + day ): day 转换时间戳（毫秒） date.getTime / 1000 单位为秒（可以用
JavaScript学习手册十五：事件处理
最新发布
09-20
引用中提到，通过调用addEventListener()函数可以注册事件处理程序，第一个参数是事件的类型，第二个参数是事件处理程序。在引用中展示了一个例子，通过调用event.stopPropagation()可以停止事件的冒泡。 在给定的...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值