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

news/2024/4/28 11:47:42/文章来源:https://blog.csdn.net/m0_63165331/article/details/136984559

概述 

        这是我的学习笔记,记录了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); //输出:numbervar floatNum = parseFloat(strNum);
console.log(floatNum); //输出:123.5
console.log(typeof floatNum); //输出:numbervar str = "abc123";
var intStr = parseInt(str);
console.log(intStr); //输出:NaN
console.log(typeof intStr); //输出:numbervar 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); //stringvar 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.141592653589793var x = -5;
console.log(Math.abs(x)); //取绝对值,输出:5var x = 4.1;
console.log(Math.ceil(x)); //向上取整,输出:5var x = 4.5;
console.log(Math.floor(x)); //向下取整,输出:4
console.log(Math.round(x)); //四舍五入,输出:5console.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/24var 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.luyixian.cn/news_show_1027448.aspx

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

相关文章

scala-idea环境搭建及使用

环境搭建 创建一个新项目,选择maven工程 点击next,写入项目名,然后finish 注意:默认下,maven不支持scala的开发,需要引入scala框架,右键项目点击-》add framework pport....,在下图…

基于java+SpringBoot+Vue的书籍学习平台设计与实现

基于javaSpringBootVue的书籍学习平台设计与实现 开发语言: Java 数据库: MySQL技术: SpringBoot MyBatis工具: IDEA/Eclipse、Navicat、Maven 系统展示 前台展示 后台展示 系统简介 整体功能包含: 书籍学习平台是一个基于Internet的在线学习资源平台&#xf…

Apache Hive的基本使用语法(二)

Hive SQL操作 7、修改表 表重命名 alter table score4 rename to score5;修改表属性值 # 修改内外表属性 ALTER TABLE table_name SET TBLPROPERTIES("EXTERNAL""TRUE"); # 修改表注释 ALTER TABLE table_name SET TBLPROPERTIES (comment new_commen…

音视频开发Day01

备注 ffmpeg 库相关函数记忆 FFmpeg 库简介 FFmpeg一共包含8个库: avcodec:编解码(最重要的库) avformat:封装格式处理。 avfilter:滤镜特效处理 avdevice:各种设备的输入输出。 avutil:工具库(大部分库都需要这个库的支持)。 postproc:后加工。 swresample:音频采样数据格式…

一分钟开服 《幻兽帕鲁》游戏专属服务器by京东云主机

使用京东云服务器搭建幻兽帕鲁Palworld游戏联机服务器教程,非常简单,京东云推出幻兽帕鲁镜像系统,镜像直接选择幻兽帕鲁镜像即可一键自动部署,不需要手动操作,真正的新手0基础部署幻兽帕鲁,阿腾云atengyun.…

OSCP靶场--pyLoader

OSCP靶场–pyLoader 考点(信息收集CVE-2023-0297) 1.nmap扫描 ┌──(root㉿kali)-[~/Desktop] └─# nmap -Pn -sC -sV 192.168.178.26 --min-rate 2500 Starting Nmap 7.92 ( https://nmap.org ) at 2024-03-28 09:14 EDT Nmap scan report for 192.168.178.26 Host is up…

基于Python的电商特产数据可视化分析与推荐系统

温馨提示:文末有 CSDN 平台官方提供的学长 QQ 名片 :) 1. 项目简介 利用网络爬虫技术从某东采集某城市的特产价格、销量、评论等数据,经过数据清洗后存入数据库,并实现特产销售、市场占有率、价格区间等多维度的可视化统计分析,并…

关于使用vscode搭建c/c++编程环境

目录 关于使用vscode搭建c/c编程环境一、前言二、安装 IDE 二、安装TDM-GCC安装三、安装C/C环境四、编写代码并进行编译 关于使用vscode搭建c/c编程环境 一、前言 一直觉得vscode是生产强有力的生产工具,基于此,做一篇学习笔记进行记录。 二、安装 ID…

Prometheus +Grafana +node_exporter可视化监控Linux虚机

1、介绍 待补充 2、架构图 待补充 Prometheus :主要是负责存储、抓取、聚合、查询方面。 node_exporter :主要是负责采集物理机、中间件的信息。 3、搭建过程 配置要求:1台主服务器 n台从服务器 (被监控的linux虚机&am…

WPF自定义Panel:让拖拽变得更简单

在 WPF 应用程序中,拖放操作是实现用户交互的重要组成部分。通过拖放操作,用户可以轻松地将数据从一个位置移动到另一个位置,或者将控件从一个容器移动到另一个容器。然而,WPF 中默认的拖放操作可能并不是那么好用。为了解决这个问…

uniApp使用XR-Frame创建3D场景(7)加入点击交互

上篇文章讲述了如何将XR-Frame作为子组件集成到uniApp中使用 这篇我们讲解如何与场景中的模型交互&#xff08;点击识别&#xff09; 先看源码 <xr-scene render-system"alpha:true" bind:ready"handleReady"><xr-node><xr-mesh id"…

【已修复】iPhone13 Pro 长焦相机水印(黑斑)修复 洗水印

iPhone13 Pro 长焦相机水印&#xff08;黑斑&#xff09;修复 洗水印 问题描述 iPhone13 Pro 后摄3倍相机有黑色斑点&#xff08;水印&#xff09;&#xff0c;如图所示&#xff0c; 后摄相机布局如图所示&#xff0c; 修复过程 拆机过程有风险&#xff0c;没有把握最好不要…

MySQL学习笔记------函数

目录 函数 字符串函数 数值函数 函数 指一段可以直接被另一段程序调用的程序或代码 字符串函数 MySQL中内置了很多字符串函数&#xff0c;常用如下&#xff1a;select 函数 concat(s1,s2,s3,...,sn) 字符串拼接&#xff0c;将s1,s2,...,sn拼接成一个字符串 #字符串拼…

C/C++语言学习路线: 嵌入式开发、底层软件、操作系统方向(持续更新)

初级&#xff1a;用好手上的锤子 1 【感性】认识 C 系编程语言开发调试过程 1.1 视频教程点到为止 1.2 炫技视频看看就行 1.3 编程游戏不玩也罢 有些游戏的主题任务就是编程&#xff0c;游戏和实际应用环境有一定差异&#xff08;工具、操作流程&#xff09;&#xff0c;在…

火车头通过关键词采集文章的原理

随着互联网信息的爆炸式增长&#xff0c;网站管理员和内容创作者需要不断更新和发布新的文章&#xff0c;以吸引更多的用户和提升网站的排名。而火车头作为一款智能文章采集工具&#xff0c;在这一过程中发挥着重要作用。本文将探讨火车头如何通过关键词采集文章&#xff0c;以…

康耐视visionpro-CogCaliperTool工具详细说明

CogCaliperTool功能说明: 卡尺工具,用于测量距离 CogCaliperTool操作说明: ①.打开工具栏,双击或点击鼠标拖拽添加CogCaliperTool ②.添加输入图像,右键“链接到”或以连线拖拽的方式选择相应输入源 ③.拖动屏幕上的矩形框到需要测量的位置。卡尺的搜索框角度与边缘不平…

React系列之合成事件与事件处理机制

文章目录 React事件处理机制原生事件的事件机制事件代理&#xff08;事件委托&#xff09; 合成事件使用合成事件目的合成事件原生事件区别事件池 原生事件和React事件的执行顺序e.stopPropagation() React17事件机制的修改 React事件处理机制 react 事件机制基本理解&#xf…

有效的数独-java

题目描述: 请你判断一个 9 x 9 的数独是否有效。只需要 根据以下规则 &#xff0c;验证已经填入的数字是否有效即可。 数字 1-9 在每一行只能出现一次。数字 1-9 在每一列只能出现一次。数字 1-9 在每一个以粗实线分隔的 3x3 宫内只能出现一次。&#xff08;请参考示例图&#…

什么是RISC-V?开源 ISA 如何重塑未来的处理器设计

RISC-V代表了处理器架构的范式转变&#xff0c;特点是其开源模型简化了设计理念并促进了全球community-driven的开发。RISC-V导致了处理器技术发展前进方式的重大转变&#xff0c;提供了一个不受传统复杂性阻碍的全新视角。 RISC-V起源于加州大学伯克利分校的学术起点&#xff…

RabbitMQ 实验消费原始队列消息, 拒绝(reject)投递死信交换机过程

如果你想通过 RabbitMQ 的死信队列功能实现消费者拒绝消息投递到死信交换机的行为&#xff0c;你可以按照以下步骤操作&#xff1a; 创建原始队列&#xff0c;并将其绑定到一个交换机上&#xff1a; export RABBITMQ_SERVER127.0.0.1 export RABBITMQ_PORT5672 export RAB…