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

概述 

        这是我的学习笔记,记录了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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/498368.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

李宏毅【生成式AI导论 2024】第5讲 让语言模型彼此合作,把一个人活成一个团队

GPD4,它也有非常强大的能力。但是GPT4如果跟其他的语言模型合作,他们其实可以发挥1加1大于二的力量。 为什么要让模型合作? 那怎么让模型彼此合作呢?有很多不同的方式。一个可能性是假设你现在手边就有一堆语言模型,他们可能有不同的能力使用,他们可能有不同的成本局来…

如何将几个长度相同的列表并列组合在一起(附:zip函数使用出错原因:巨坑~)

Python中列表对象使用很方便,用Python编程时,经常会遇到将多个长度相同的列表是针对某一组特定对象的,如何能方便的把这些列表组合起来一起使用呢?ZIP()函数可以方便的解决这个问题。 一、将几个长度相同的列表并列组合 例如&am…

2014年认证杯SPSSPRO杯数学建模B题(第二阶段)位图的处理算法全过程文档及程序

2014年认证杯SPSSPRO杯数学建模 B题 位图的处理算法 原题再现: 图形(或图像)在计算机里主要有两种存储和表示方法。矢量图是使用点、直线或多边形等基于数学方程的几何对象来描述图形,位图则使用像素来描述图像。一般来说&#…

3D产品可视化SaaS

“我们正在走向衰退吗?” “我们已经陷入衰退了吗?” “我们正在步入衰退。” 过去几个月占据头条的问题和陈述引发了关于市场对每个行业影响的讨论和激烈辩论。 特别是对于科技行业来说,过去几周一直很动荡,围绕费用、增长和裁…

1.8 python 模块 time、random、string、hashlib、os、re、json

ython之模块 一、模块的介绍 (1)python模块,是一个python文件,以一个.py文件,包含了python对象定义和pyhton语句 (2)python对象定义和python语句 (3)模块让你能够有逻辑地…

Tomcat 单机多实例一键安装

文章目录 一、场景说明二、脚本职责三、参数说明四、操作示例五、注意事项 一、场景说明 本自动化脚本旨在为提高研发、测试、运维快速部署应用环境而编写。 脚本遵循拿来即用的原则快速完成 CentOS 系统各应用环境部署工作。 统一研发、测试、生产环境的部署模式、部署结构、…

Linux安装redis(基于CentOS系统,Ubuntu也可参考)

前言:本文内容为实操记录,仅供参考! 一、下载并解压Redis 1、执行下面的命令下载redis:wget https://download.redis.io/releases/redis-6.2.6.tar.gz 2、解压redis:tar xzf redis-6.2.6.tar.gz 3、移动redis目录&a…

D. Friends and Subsequences 线段树上二分

有个细节&#xff0c;就是query的时候的顺序&#xff0c;不注意到直接T飞&#xff0c;分析知道如果它只在一边的话你直接一边 可以保证复杂度 #include<iostream> #include<cstring> #include<algorithm>const int N 2e510; using namespace std; using ll…

MySQL 数据库的日志管理、备份与恢复

一. 数据库备份 1.数据备份的重要性 备份的主要目的是灾难恢复。 在生产环境中&#xff0c;数据的安全性至关重要。 任何数据的丢失都可能产生严重的后果。 造成数据丢失的原因&#xff1a; 程序错误人为,操作错误,运算错误,磁盘故障灾难&#xff08;如火灾、地震&#xff0…

比较AI编程工具Copilot、Tabnine、Codeium和CodeWhisperer

主流的几个AI智能编程代码助手包括Github Copilot、Codeium、Tabnine、Replit Ghostwriter和Amazon CodeWhisperer。 你可能已经尝试过其中的一些&#xff0c;也可能还在不断寻找最适合自己或公司使用的编程助手。但是&#xff0c;这些产品都会使用精选代码示例来实现自我宣传…

Vue挂载全局方法

简介&#xff1a;有时候&#xff0c;频繁调用的函数&#xff0c;我们需要把它挂载在全局的vue原型上&#xff0c;方便调用&#xff0c;具体怎么操作&#xff0c;这里来记录一下。 一、这里以本地存储的方法为例 var localStorage window.localStorage; const db {/** * 更新…

如何在 Mac Pro 上恢复丢失的数据?

无论您多么努力&#xff0c;几乎不可能永远不会无意中删除 Mac 上的文件。当您得知删除后清空了垃圾箱时&#xff0c;您的处境可能看起来很黯淡。不要灰心。我们将教您如何使用本机操作系统功能或数据恢复工具恢复丢失的数据。奇客数据恢复Mac版可帮助恢复已从 Mac Pro 计算机上…

npm救赎之道:探索--save与--save--dev的神秘力量!

目录 1. --save和--save-dev是什么&#xff1f;2. 区别与应用场景--save--save-dev 3. 生产环境与开发环境4. 实际应用示例--save--save-dev 5. 总结 在现代软件开发中&#xff0c;npm&#xff08;Node Package Manager&#xff09;扮演着不可或缺的角色&#xff0c;为开发者提…

Java八股文(JVM)

Java八股文のJVM JVM JVM 什么是Java虚拟机&#xff08;JVM&#xff09;&#xff1f; Java虚拟机是一个运行Java字节码的虚拟机。 它负责将Java程序翻译成机器代码并执行。 JVM的主要组成部分是什么&#xff1f; JVM包括以下组件&#xff1a; ● 类加载器&#xff08;ClassLoa…

HTTP状态 405 - 方法不允许

方法有问题。 用Post发的请求&#xff0c;然后用Put接收的。 大家也可以看看是不是有这种问题 <body><h1>HTTP状态 405 - 方法不允许</h1><hr class"line" /><p><b>类型</b> 状态报告</p><p><b>消息…

如何使用常用的苹果应用商店上架工具提高应用下载量

摘要 移动应用app上架是开发者关注的重要环节&#xff0c;但常常会面临审核不通过等问题。为帮助开发者顺利完成上架工作&#xff0c;各种辅助工具应运而生。本文探讨移动应用app上架原理、常见辅助工具功能及其作用&#xff0c;最终指出合理使用工具的重要性。 引言 移动应…

python(一)网络爬取

在爬取网页信息时&#xff0c;需要注意网页爬虫规范文件robots.txt eg:csdn的爬虫规范文件 csdn.net/robots.txt User-agent: 下面的Disallow规则适用于所有爬虫&#xff08;即所有用户代理&#xff09;。星号*是一个通配符&#xff0c;表示“所有”。 Disallow&…

Groovy结合Java在生产中的落地实战

Groovy简介 Groovy是用于Java虚拟机的一种敏捷的动态语言&#xff0c;是一种成熟的面向对象编程语言&#xff0c;又是一种纯粹的脚本语言。Groovy运行在JVM环境上&#xff0c;在语法上兼具java 语言和脚本语言特点&#xff0c;大大简化了语法。同时又具有闭包和动态语言中的其…

系统分析师-软件开发模型总结

前言 软件工程模型也称软件开发模型。它是指软件开发全部过程、活动和任务的结构框架&#xff0c;通过该模型能清晰、直观地表达软件开发全过程&#xff0c;明确地规定要完成的主要活动和任务&#xff0c;它奠定了软件项目工作的基础 一、瀑布模型&#xff08;Waterfall Model…

Web Components使用(一)

在使用Web Components之前&#xff0c;我们先看看上一篇文章Web Components简介&#xff0c;其中提到了相关的接口、属性和方法。 正是这些接口、属性和方法才实现了Web Components的主要技术&#xff1a;Custom elements&#xff08;自定义元素&#xff09;、Shadow DOM&#…
最新文章