js知识总结 -- Math对象、data日期对象的方法及功能

简介: js知识总结 -- Math对象、data日期对象的方法及功能

Math 对象 不是构造函数,它具有数学常数和函数的属性和方法,跟数学相关

相关方法:

属性、方法名

功能

Math.PI

圆周率
Math.floor() 向下取整
Math.ceil() 向上取整
Math.round() 四舍五入版 就近取整 负数是 五舍六入
Math.abs() 绝对值
Math.max() 求最大值
Math.min() 求最小值
Math.random() 获取范围在 0 ~ 1 内的随机数(含 不含 1

事例:

console.log(Math.PI); // 3.1415926...
console.log(Math.floor(5.6)); // 5
console.log(Math.ceil(5.6)); // 6
console.log(Math.round(5.5)); // 6
console.log(Math.round(-5.5)); // -5
console.log(Math.abs(-5)); // 5
console.log(Math.max(1,2,3)); // 3
console.log(Math.min(1,2,3)); // 1
console.log(Math.random()); // 0 ~ 1 随机小数

Date 对象和 Math 对象不一样,Date 是一个构造函数,所以使用时需要实例化后才能使用其

中具体方法和属性。Date 实例用来处理日期和时间。、

使用 Date 实例化日期对象:

       获取当前时间必须实例化

       获取指定时间的日期对象

let now = new Date();
let time = new Date('2020/10/1')
// 注意:如果创建实例时并未传入参数,则得到的日期对象是当前时间对应的日期对象

相关方法:

方法名

说明 代码
getFullYear() 获取当年 time.getFullYear()
getMonth() 获取当月(0 ~ 11 time.getMonth()
getDate() 获取当天日期 time.getDate()
getDay() 获取星期几(周日 到周六 6 time.getDay()
getHours() 获取当前小时 time.getHours()
getMinutes() 获取当前分钟 time.getMinutes()
getSeconds() 获取当前秒钟 time.getSeconds()

事例:

let time = new Date();
console.log(time.getFullYear()); // 返回当前日期的年 2021
console.log(time.getMonth() + 1); // 月份 返回的月份小 1 个月,记得月份加 1
console.log(time.getDate()); // 返回 几号
console.log(time.getDay()); // 周一返回 1 周六返回 6 周日返回 0
console.log(time.getHours()); // 返回 时
console.log(time.getMinutes()); // 返回 分
console.log(time.getSeconds()); // 返回 秒

时间戳:

       时间戳是指格林威治时间 1970 01 01 00 00 00 (北京时间 1970 01 01 日 08 时 00 00 )起至现在的总毫秒数。

获取时间戳的三种方法:

// 实例化 Date 对象
let now1 = new Date();
console.log(now1.valueOf())
console.log(now1.getTime())
// 2. 简单写可以这么做 (最常用的)
let now2 = + new Date();
console.log(now2);
// 3. HTML5 中提供的方法,有兼容性问题
let now3 = Date.now();
console.log(now3);

谢谢大家观看,希望对大家有所帮助 >w<``

目录
相关文章
|
27天前
|
JavaScript 前端开发 安全
盘点原生JS中目前最没用的几个功能API
在JavaScript的发展历程中,许多功能与API曾风光无限,但随着技术进步和语言演化,部分功能逐渐被淘汰或被更高效的替代方案取代。例如,`with`语句使代码作用域复杂、可读性差;`void`操作符功能冗余且影响可读性;`eval`函数存在严重安全风险和性能问题;`unescape`和`escape`函数已被`decodeURIComponent`和`encodeURIComponent`取代;`arguments`对象则被ES6的剩余参数语法替代。这些变化体现了JavaScript不断优化的趋势,开发者应紧跟技术步伐,学习新技能,适应新技术环境。
43 10
|
1月前
|
JavaScript 前端开发
【Vue.js】监听器功能(EventListener)的实际应用【合集】
而此次问题的核心就在于,Vue实例化的时机过早,在其所依赖的DOM结构尚未完整构建完成时就已启动挂载流程,从而导致无法找到对应的DOM元素,最终致使计算器功能出现异常,输出框错误地显示“{{current}}”,并且按钮的交互功能也完全丧失响应。为了让代码结构更为清晰,便于后续的维护与管理工作,我打算把HTML文件中标签内的JavaScript代码迁移到外部的JS文件里,随后在HTML文件中对其进行引用。
52 8
|
1月前
|
JavaScript 前端开发 开发者
JavaScript字符串的常用方法
在JavaScript中,字符串处理是一个非常常见的任务。JavaScript提供了丰富的字符串操作方法,使开发者能够高效地处理和操作字符串。本文将详细介绍JavaScript字符串的常用方法,并提供示例代码以便更好地理解和应用这些方法。
56 13
|
2月前
|
JavaScript 容器
带方向感知功能的js图片遮罩层插件
带方向感知功能的js图片遮罩层插件
|
3月前
|
JavaScript 前端开发 容器
jQuery多功能滑块插件r-slider.js
r-slider.js是一款jQuery多功能滑块插件。使用该插件,可以制作出滑块、开关按钮、进度条、向导步骤等多种效果。
65 5
|
3月前
|
监控 JavaScript Java
Node.js中内存泄漏的检测方法
检测内存泄漏需要综合运用多种方法,并结合实际的应用场景和代码特点进行分析。及时发现和解决内存泄漏问题,可以提高应用的稳定性和性能,避免潜在的风险和故障。同时,不断学习和掌握内存管理的知识,也是有效预防内存泄漏的重要途径。
304 62
|
3月前
|
缓存 JavaScript 前端开发
JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用
本文深入讲解了 JavaScript 与 DOM 交互的基础及进阶技巧,涵盖 DOM 获取、修改、创建、删除元素的方法,事件处理,性能优化及与其他前端技术的结合,助你构建动态交互的网页应用。
88 5
|
3月前
|
JavaScript 前端开发 程序员
前端原生Js批量修改页面元素属性的2个方法
原生 Js 的 getElementsByClassName 和 querySelectorAll 都能获取批量的页面元素,但是它们之间有些细微的差别,稍不注意,就很容易弄错!
|
3月前
JS+CSS3文章内容背景黑白切换源码
JS+CSS3文章内容背景黑白切换源码是一款基于JS+CSS3制作的简单网页文章文字内容背景颜色黑白切换效果。
34 0
|
3月前
|
JavaScript 前端开发
JavaScript中的原型 保姆级文章一文搞懂
本文详细解析了JavaScript中的原型概念,从构造函数、原型对象、`__proto__`属性、`constructor`属性到原型链,层层递进地解释了JavaScript如何通过原型实现继承机制。适合初学者深入理解JS面向对象编程的核心原理。
49 1
JavaScript中的原型 保姆级文章一文搞懂

热门文章

最新文章

  • 1
    当面试官再问我JS闭包时,我能答出来的都在这里了。
    45
  • 2
    【02】仿站技术之python技术,看完学会再也不用去购买收费工具了-本次找了小影-感觉页面很好看-本次是爬取vue需要用到Puppeteer库用node.js扒一个app下载落地页-包括安卓android下载(简单)-ios苹果plist下载(稍微麻烦一丢丢)-优雅草卓伊凡
    29
  • 3
    Node.js 中实现多任务下载的并发控制策略
    34
  • 4
    【2025优雅草开源计划进行中01】-针对web前端开发初学者使用-优雅草科技官网-纯静态页面html+css+JavaScript可直接下载使用-开源-首页为优雅草吴银满工程师原创-优雅草卓伊凡发布
    26
  • 5
    【JavaScript】深入理解 let、var 和 const
    49
  • 6
    【04】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架二次开发准备工作-以及建立初步后端目录菜单列-优雅草卓伊凡商业项目实战
    47
  • 7
    【03】Java+若依+vue.js技术栈实现钱包积分管理系统项目-若依框架搭建-服务端-后台管理-整体搭建-优雅草卓伊凡商业项目实战
    57
  • 8
    【02】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-ui设计图figmaUI设计准备-figma汉化插件-mysql数据库设计-优雅草卓伊凡商业项目实战
    57
  • 9
    如何通过pm2以cluster模式多进程部署next.js(包括docker下的部署)
    72
  • 10
    【01】Java+若依+vue.js技术栈实现钱包积分管理系统项目-商业级电玩城积分系统商业项目实战-需求改为思维导图-设计数据库-确定基础架构和设计-优雅草卓伊凡商业项目实战
    55