(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); //输出: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.mzph.cn/news/778298.shtml

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

相关文章

Vue3 + Vite + TS + Element-Plus + Pinia项目(5)对axios进行封装

1、在src文件夹下新建config文件夹后,新建baseURL.ts文件,用来配置http主链接 2、在src文件夹下新建http文件夹后,新建request.ts文件,内容如下 import axios from "axios" import { ElMessage } from element-plus im…

【PyQt】18 -菜单等顶层操作

顶层界面的使用 前言一、菜单栏1.1 代码1.2 运行结果 二、工具栏2.1 代码几种显示方法 2.2 运行结果 三、状态栏3.1 代码3.2 运行结果 总结 前言 1、介绍顶层菜单栏目的使用,但没有陆续绑定槽函数。 2、工具栏 3、状态栏 一、菜单栏 1.1 代码 #Author &#xff1a…

【ONE·基础算法 || 分治·快排并归】

总言 主要内容:编程题举例,理解分治的思想(主要是对快排、并归的应用)。       文章目录 总言1、基本介绍2、颜色分类(medium)2.1、题解 3、快速排序(medium)3.1、题解&#xff…

Vivado使用(1)——综合的约束与策略

目录 一、概述 二、约束与策略 2.1 约束 2.1.1 物理约束 2.1.2 时序约束 2.2 综合策略 2.2.1 flatten_hierarchy 2.2.2 gated_clock_conversion 2.2.3 bufg 2.2.4 fanout_limit 2.2.5 directive 2.2.6 retiming 2.2.7 fsm_extraction 2.2.8 keep_equivalent_regi…

NineData与StarRocks商业化运营公司镜舟科技完成产品兼容认证

近日,镜舟科技与NineData完成产品兼容测试。在经过联合测试后,镜舟科技旗下产品与NineData云原生智能数据管理平台完全兼容,整体运行高效稳定。 镜舟科技致力于帮助中国企业构建卓越的数据分析系统,打造独具竞争力的“数据护城河”…

【python 数据可视化】 WordCloud词云图

目录 词云简介 准备工作 安装方法一: 安装方法二: 生成词云步骤 数据预处理: 分词: 统计词频出现的次数: 去除词语: 生成词云: 显示词云: 保存词云: 完整代码 词…

AugmentedReality之路-通过蓝图启动AR相机(2)

本文实现打开AR相机和关闭AR相机功能,在主界面点击Start AR按钮后打开AR相机,在主界面点击Stop AR按钮后关闭AR相机 1、启动AR相关插件 通过Edit->Plugins启用AugmentedReality下面的所有插件 2、自定义Pawn 在Content->ARBase目录右键&…

iOS开发进阶(十一):ViewController 控制器详解

文章目录 一、前言二、UIViewController三、UINavigationController四、UITabBarController五、UIPageViewController六、拓展阅读 一、前言 iOS 界面开发最重要的首属ViewController和View,ViewController是View的控制器,也就是一般的页面,…

基于ssm网上服装销售系统论文

摘 要 随着科学技术的飞速发展,各行各业都在努力与现代先进技术接轨,通过科技手段提高自身的优势;对于网上服装销售系统系统当然也不能排除在外,随着网络技术的不断成熟,带动了网上服装销售系统系统,它彻底…

shell脚本发布docker springboot项目示例

docker、git、Maven、jdk8安装略过。 使git pull或者git push不需要输入密码操作方法 约定: 路径:/opt/springbootdemo, 项目:springbootdemo, 打包:springbootdemo.jar, docker容器名字&#x…

Android ImageView以及实现截图

实现效果 截图前 截图后 代码 package cn.jj.huaweiad;import android.annotation.SuppressLint; import android.graphics.Bitmap; import android.os.Bundle; import android.os.Handler; import android.util.Log; import android.view.View; import android.view.ViewGro…

硬件项目中的turn-key 是啥意思?案例应用

在硬件项目中,turn-key是指一种工程项目模式,即交钥匙工程。这种模式通常由独立的第三方软件厂商直接与芯片厂商合作,基于芯片厂商的硬件方案和协议,集成成熟的上层软件和应用,并整套提供给电子产品生产厂商。这种模式…

LLM之RAG实战(三十五)| 使用LangChain的3种query扩展来优化RAG

RAG有时无法从矢量数据库中检索到正确的文档。比如我们问如下问题: 从1980年到1990年,国际象棋的规则是什么? RAG在矢量数据库中进行相似性搜索,来查询与国际象棋规则问题相关的相关文档。然而,在某些情况下&#xff0…

平台介绍-搭建赛事运营平台(3)

上文介绍了品牌隔离的基本原理,就是通过不同的前端和微服务来实现。但是确实很多功能是类似的,所以从编程角度还是有些管理手段的。 前端部分:前端部分没有什么特别手段,就是两个独立的项目工程,分别维护。相同的部分复…

I.MX6ULL_Linux_驱动篇(55)linux 网络驱动

网络驱动是 linux 里面驱动三巨头之一, linux 下的网络功能非常强大,嵌入式 linux 中也常常用到网络功能。前面我们已经讲过了字符设备驱动和块设备驱动,本章我们就来学习一下linux 里面的网络设备驱动。 嵌入式网络简介 网络硬件接口 首先…

如何降低 BlueNRG-LPS 的开机峰值电流

1. 前言 BlueNRG 系列存在开机瞬间会出现很大的峰值电流的现象,预计有 20ma 左右。针对此现象,经常有客户询问该峰值电流会不会导致设备工作异常?会不会导致电池使用寿命缩短(考虑到一般纽扣电池能承受的峰值电流大概在 15ma 左右…

深度剖析MySQL锁:解开数据库并发控制的神秘面纱

MySQL 锁是 MySQL 数据库管理系统中为了实现并发控制和数据一致性的机制。在多用户并发访问数据库时,锁可以确保多个事务在对同一数据进行操作时不会相互干扰,以防止数据不一致的现象发生。 一、锁分类 MySQL支持多种类型的锁,主要包括…

定时器的原理和应用

#include<reg51.h> unsigned char s[]{0x3F,0x06,0x5B,0x4F,0x66,0x6D,0x7D,0x07,0x7F,0x6F}; unsigned char count0,num0; void inittimer() {TMOD0x01;//0000 0001TH0(65536-50000)/256; //定时50ms50000us 2562^8 初值向右边移动8位TL0(65536-50000)%256;ET01;//开启定…

多源统一视频融合可视指挥调度平台VMS/smarteye系统概述

系统功能 1. 集成了视频监控典型的常用功能&#xff0c;包括录像&#xff08;本地录像、云端录像&#xff08;录像计划、下载计划-无线导出&#xff09;、远程检索回放&#xff09;、实时预览&#xff08;PTZ云台操控、轮播、多屏操控等&#xff09;、地图-轨迹回放、语音对讲…

windows 下用使用api OCI_ConnectionCreate连接oracle报错 TNS:无法解析指定的连接标识符

背景&#xff0c;两台服务器系统一样&#xff0c;oracle版本一样&#xff0c;其中一台服务器在运行程序的时候报错 TNS:无法解析指定的连接标识符 但是PL/SQL可以正常连接&#xff0c;怀疑是oracle配置文件的原因 tnsnames.ora配置文件大概作用&#xff1a;是Oracle客户端的网…