首页 > 编程语言 >(day 22)JavaScript学习笔记(内置对象1之Number、Math、Date)

(day 22)JavaScript学习笔记(内置对象1之Number、Math、Date)

时间:2024-03-29 19:59:29浏览次数:14  
标签:const log 22 JavaScript Number dateObj Date console Math

概述 

        这是我的学习笔记,记录了JavaScript的学习过程。在写博客的时候我会尽量详尽的记录每个知识点。如果你完全没接触过JavaScript,那么这一系列的学习笔记可能会对你有所帮助。

        今天学习JavaScript内置的对象,主要是Number、Math、Date。

1.内置对象Number

        在JavaScript中,Number 是一个内置对象,用于表示和处理数字值。这个对象提供了多种方法和属性,可以用来进行数值的转换、比较、格式化等操作。

        parseInt()方法和parseFloat()方法都可以把字符串类型转换成Number类型,如果字符串中的数值是小数,parseInt()方法会直接把小数点后的内容删掉,如果字符串不是数字,两种方法得到的都是NaN,但是它的数据类型还是Number,如下代码演示:        

var strNum = "123.5";
var intNum = parseInt(strNum);
console.log(intNum); //输出:123
console.log(typeof intNum); //输出:number

var floatNum = parseFloat(strNum);
console.log(floatNum); //输出:123.5
console.log(typeof floatNum); //输出:number

var str = "abc123";
var intStr = parseInt(str);
console.log(intStr); //输出:NaN
console.log(typeof intStr); //输出:number

var floatStr = parseFloat(str);
console.log(floatStr); //输出:NaN
console.log(typeof floatStr); //输出:number

        toFixed()方法可以格式化数字为指定小数位数的字符串。如下代码演示:

var num = 12.314521;
var num2 = num.toFixed(2); //取两位小数点
console.log(num2); // 12.31
console.log(typeof num2); //string

var num = 12.315521;
var num2 = num.toFixed(2); //取两位小数点,四舍五入
console.log(num2); // 12.32

2.内置对象Math

        JavaScript中Math提供了多种数学常数和函数,用于执行各种数学运算和处理数字。这个对象不是一个函数对象,也不是一个构造器,它的所有属性和方法都是静态的,可以直接通过Math对象来调用。 下面是Math对象的属性和方法整理成的表格:

属性/方法描述示例
属性
Math.PI圆周率π的近似值const piValue = Math.PI;
Math.E自然对数的底数e的近似值const eValue = Math.E;
Math.LN22的自然对数的近似值const ln2Value = Math.LN2;
Math.LN1010的自然对数的近似值const ln10Value = Math.LN10;
Math.LOG2E以2为底e的对数的近似值const log2eValue = Math.LOG2E;
Math.LOG10E以10为底e的对数的近似值const log10eValue = Math.LOG10E;
Math.SQRT1_20.5的平方根的近似值const sqrt1_2Value = Math.SQRT1_2;
Math.SQRT22的平方根的近似值const sqrt2Value = Math.SQRT2;
方法
Math.abs(x)返回数的绝对值const absValue = Math.abs(-5);
Math.ceil(x)对数进行上舍入,返回大于或等于给定数字的最小整数const ceilValue = Math.ceil(4.1);
Math.floor(x)对数进行下舍入,返回小于或等于给定数字的最大整数const floorValue = Math.floor(4.9);
Math.round(x)把数四舍五入为最接近的整数const roundValue = Math.round(4.5);
Math.max(value1, value2, ...)返回零个或多个数值中的最大值const maxValue = Math.max(1, 2, 3, 4);
Math.min(value1, value2, ...)返回零个或多个数值中的最小值const minValue = Math.min(1, 2, 3, 4);
Math.random()返回0到1之间的一个随机数(包括0但不包括1)const randomValue = Math.random();
Math.sqrt(x)返回一个数的平方根const sqrtValue = Math.sqrt(9);
Math.pow(base, exponent)返回基数的指数次幂const powValue = Math.pow(2, 3);
Math.sin(x)返回数的正弦值const sinValue = Math.sin(Math.PI / 2);
Math.cos(x)返回数的余弦值const cosValue = Math.cos(0);
Math.tan(x)返回数的正切值const tanValue = Math.tan(Math.PI / 4);
Math.asin(x)返回数的反正弦值const asinValue = Math.asin(1);
Math.acos(x)返回数的反余弦值const acosValue = Math.acos(1);
Math.atan(x)返回数的反正切值const atanValue = Math.atan(1);
Math.exp(x)返回e的指数const expValue = Math.exp(1);
Math.log(x)返回数的自然对数(底为e)const logValue = Math.log(Math.E);
Math.log10(x)返回数的以10为底的对数const log10Value = Math.log10(100);
Math.log2(x)返回数的以2为底的对数const log2Value = Math.log2(4);
Math.sign(x)返回数的符号(表示正数、负数或零)const signValue = Math.sign(-5);
Math.trunc(x)删除数字的小数部分,返回整数部分`const truncValue = Math.trunc(x)

        如下代码是几个示例:

const piVALUE = Math.PI;
console.log(piVALUE); //3.141592653589793

var x = -5;
console.log(Math.abs(x)); //取绝对值,输出:5

var x = 4.1;
console.log(Math.ceil(x)); //向上取整,输出:5

var x = 4.5;
console.log(Math.floor(x)); //向下取整,输出:4
console.log(Math.round(x)); //四舍五入,输出:5

console.log(Math.pow(10, 3)); //返回10的3次方,输出:1000

 3.内置对象Date

 JavaScript中的内置对象Date用于处理日期和时间。它提供了多种方法和属性,可以获取和设置日期和时间的各个部分,以及进行日期和时间的计算。如下表格是Date常用的属性和方法。

属性/方法描述示例
属性
Date.now()返回表示当前日期和时间的毫秒数const now = Date.now();
方法 - 获取日期和时间部分
getDate()返回月的某一天(1~31)const day = dateObj.getDate();
getDay()返回周几(0代表周日,1代表周一,以此类推)const weekday = dateObj.getDay();
getMonth()返回月份(0代表一月,1代表二月,以此类推)const month = dateObj.getMonth();
getFullYear()返回年份(四位数字)const year = dateObj.getFullYear();
getHours()返回小时(0~23)const hours = dateObj.getHours();
getMinutes()返回分钟(0~59)const minutes = dateObj.getMinutes();
getSeconds()返回秒(0~59)const seconds = dateObj.getSeconds();
getMilliseconds()返回毫秒(0~999)const milliseconds = dateObj.getMilliseconds();
getTime()返回自1970年1月1日00:00:00 UTC以来的毫秒数const time = dateObj.getTime();
方法 - 设置日期和时间部分
setDate(day)设置月的某一天dateObj.setDate(15);
setMonth(month)设置月份dateObj.setMonth(5);
setFullYear(year)设置年份(四位数字)dateObj.setFullYear(2023);
setHours(hours)设置小时dateObj.setHours(10);
setMinutes(minutes)设置分钟dateObj.setMinutes(30);
setSeconds(seconds)设置秒dateObj.setSeconds(45);
setMilliseconds(milliseconds)设置毫秒dateObj.setMilliseconds(500);
setTime(time)以毫秒设置Date对象dateObj.setTime(someMilliseconds);
方法 - 日期和时间的比较与计算
valueOf()返回Date对象的原始值(毫秒数)const value = dateObj.valueOf();
toString()Date对象转换为字符串const dateString = dateObj.toString();
toUTCString()Date对象转换为UTC格式的字符串const utcString = dateObj.toUTCString();
toLocaleString()Date对象转换为本地格式的字符串const localeString = dateObj.toLocaleString();
toLocaleDateString()Date对象的日期部分转换为本地格式的字符串const localeDateString = dateObj.toLocaleDateString();
toLocaleTimeString()Date对象的时间部分转换为本地格式的字符串const localeTimeString = dateObj.toLocaleTimeString();
getTimezoneOffset()返回本地时间与UTC之间的分钟差const timezoneOffset = dateObj.getTimezoneOffset();

        这个表格涵盖了Date对象中最常用的一些属性和方法,通过它们可以方便地进行日期和时间的获取、设置、比较和计算。需要注意的是,dateObj是一个Date对象的实例,我们可以通过new Date()来创建一个新的Date对象实例。 如下代码示例:        

var date = new Date();
console.log(date); //获取当前时间,输出:Sun Mar 24 2024 20:21:06 GMT+0800 (中国标准时间)
console.log(date.getFullYear()); //获取当前时间的年份,输出:2024
console.log(date.getMonth()); //获取月份(0代表一月,1代表二月,以此类推),输出:2
console.log(date.getDay()); //返回周几(0代表周日,1代表周一,以此类推),输出:0
console.log(date.getDate()); //返回月的某一天(1~31),输出:24
console.log(date.getTime()); //返回时间戳(自1970年1月1日00:00:00 UTC以来的毫秒数),输出:1711283358458
console.log(date.toUTCString()); //将Date对象转换为UTC格式的字符串,输出:Sun, 24 Mar 2024 12:37:00 GMT
console.log(typeof date); //object
console.log(date.toString()); //将Date对象转换为字符串,输出:Sun Mar 24 2024 20:39:14 GMT+0800 (中国标准时间)
console.log(date.toLocaleString()); //将Date对象转换为本地格式的字符串,输出:2024/3/24 20:40:40
console.log(date.toLocaleDateString()); //将Date对象的日期部分转换为本地格式的字符串,输出:2024/3/24

var newDate = date.setDate(30); //设置月的某一天
console.log(newDate); //输出:1711803061794
var newDate2 = new Date(newDate);
console.log(newDate2.toLocaleString()); //输出:2024/3/30 20:56:06

         以上便是今天的学习内容,如果对你有所帮助,请点个赞再走吧。

标签:const,log,22,JavaScript,Number,dateObj,Date,console,Math
From: https://blog.csdn.net/m0_63165331/article/details/136984559

相关文章

  • 解决ubuntu22.04的ssh问题--userauth_pubkey: key type ssh-rsa not in PubkeyAccepte
    问题在我新安装了一台ubuntu22.04的服务器时,配置远程服务器正常情况下,只要把握本机的公钥写到被远程主机对应用户的.ssh/authorized_keys文件中就好了但是,今天发现,虽然设置进去了,但是远程还是提示需要密码但是并不是所有的主机是这样的,同样是ubuntu22.04的服务器还是能够免......
  • JavaScript代码安全性提升:选择和使用JS混淆工具的指南
    引言在Web开发中,JavaScript是一种常用的脚本语言,然而,由于其代码容易被他人轻易获取和修改,为了保护JavaScript代码的安全性和版权,我们需要使用JS混淆工具。本文将介绍什么是JS混淆工具、为什么要使用以及如何选择合适的JS混淆工具,同时还会列举一些常用的JS混淆工具。 正文什......
  • 五款常用在线JavaScript加密混淆工具详解:jscrambler、JShaman、jsfack、ipaguard和jje
    摘要本篇技术博客将介绍五款常用且好用的在线JavaScript加密混淆工具,包括jscrambler、JShaman、jsfack、freejsobfuscator和jjencode。通过对这些工具的功能及使用方法进行详细解析,帮助开发人员更好地保护和加密其JavaScript代码,提升网站的安全性和保密性。 引言在当今......
  • JavaScript new一个对象的详细过程
    JavaScriptnew一个对象的详细过程new实现过程new实现原理new手写实现实现过程/原理开辟一块内存,创建一个空对象执行构造函数对这个空对象进行构造给空对象添加__proto__属性调用函数改变this指向最后返回this指向的新对象(如果是引用类型则返回引用类型......
  • JavaScript快速入门笔记之七(String:字符串类型、RegExp:正则表达式)
    JavaScript快速入门笔记之七(String:字符串类型、RegExp:正则表达式)String:字符串类型什么是字符串?底层本质:一串字符组成的只读字符数组包装类型:临时封装原始类型数据,并提供对数据操作方法的对象——类型名和原始类型名相同!StringNumberBoolean何时使用:不必手动创建!......
  • P6225
    P6225异或橙子题意一个长度为$n$的序列,每个数有一个初始值$a_i$,维护以下$q$个操作:单点修改给定区间$[l,r]$求其所有子区间的异或和对于所有数据,$0\lea_i\le10^9,1\len,q\le2\times10^5$分析01-枚举对于每一次询问,暴力枚举其所有子区间,时间复杂度$O(qn^2......
  • P8162 [JOI 2022 Final] 让我们赢得选举
    P8162[JOI2022Final]让我们赢得选举贪心+dp题目要求最小耗时,可以考虑贪心和dp。先考虑贪心。首先,假如我们此时有\(b\)个州得到了选票和协作者,那么下一次演讲一定是\(b\)个协作者和自己一起去同一个州演讲,时间为\(\frac{a_i/b_i}{b+1}\),这样我们的时间一定不会浪费掉。......
  • LeetCodeHot100 动态规划 70. 爬楼梯 118. 杨辉三角 198. 打家劫舍 279. 完全平方
    70.爬楼梯https://leetcode.cn/problems/climbing-stairs/description/?envType=study-plan-v2&envId=top-100-likedpublicintclimbStairs(intn){if(n<=1)returnn;int[]dp=newint[n+1];dp[1]=1;dp[2]=2;......
  • MybatisPlus多参数分页查询,黑马程序员SpringBoot3+Vue3教程第22集使用MP代替pagehelpe
    前言:视频来源1:黑马程序员SpringBoot3+Vue3全套视频教程,springboot+vue企业级全栈开发从基础、实战到面试一套通关视频来源2:黑马程序员最新MybatisPlus全套视频教程,4小时快速精通mybatis-plus框架创作理由:网上MP实现分页查询功能的帖子易读性太差,具体实现看下面。根据视频完成......
  • 10天【代码随想录算法训练营34期】 第五章 栈与队列part01(● 232.用栈实现队列 ● 22
    232.用栈实现队列classMyQueue:def__init__(self):self.queue=[]self.size=0defpush(self,x:int)->None:self.queue.append(x)self.size+=1defpop(self)->int:self.size-=1retur......