JavaScript第八讲“日期,Math,自定义对象”练习题

前言

上一节有知识点讲解,有需要的码客们可以看一下

一、日期(Date)

1. 创建日期对象

编写一个JavaScript代码片段,创建一个表示当前日期和时间的Date对象。

2. 获取年/月/日

扩展上面的代码,使其从创建的日期对象中提取年、月(格式为01-12)、日,并将它们打印到控制台。

3. 获取时:分:秒:毫秒

继续扩展代码,以获取小时(24小时制)、分钟、秒和毫秒,并将它们打印到控制台。

4. 确定一周的第几天

修改代码,以输出该日期是一周中的第几天(0代表星期日,1代表星期一,依此类推)。

5. 计算经历的毫秒数

编写一个函数,该函数接受一个日期对象作为参数,并返回从1970年1月1日00:00:00 UTC到该日期对象所表示的时间之间的毫秒数。

6. 修改日期和时间

编写一个函数,该函数接受一个日期对象、年和月作为参数,并将该日期对象的年和月更改为提供的值。然后,打印修改后的日期。

// 1. 创建日期对象  
let currentDate = new Date();  
console.log("当前日期和时间:", currentDate);  // 2. 获取年/月/日  
let year = currentDate.getFullYear();  
let month = String(currentDate.getMonth() + 1).padStart(2, '0'); // 月份从0开始,所以需要+1,并使用padStart填充前导零  
let day = String(currentDate.getDate()).padStart(2, '0'); // 使用padStart填充前导零  
console.log("年/月/日:", year + '-' + month + '-' + day);  // 3. 获取时:分:秒:毫秒  
let hours = String(currentDate.getHours()).padStart(2, '0');  
let minutes = String(currentDate.getMinutes()).padStart(2, '0');  
let seconds = String(currentDate.getSeconds()).padStart(2, '0');  
let milliseconds = String(currentDate.getMilliseconds()).padStart(3, '0'); // 毫秒需要3位数字  
console.log("时:分:秒:毫秒:", hours + ':' + minutes + ':' + seconds + ':' + milliseconds);  // 4. 确定一周的第几天  
let dayOfWeek = currentDate.getDay();  
console.log("一周的第几天 (0代表星期日, 1代表星期一, ...):", dayOfWeek);  // 5. 计算经历的毫秒数  
function getMillisecondsSinceEpoch(date) {  return date.getTime();  
}  
console.log("经历的毫秒数:", getMillisecondsSinceEpoch(currentDate));  // 6. 修改日期和时间  
function setYearAndMonth(date, year, month) {  date.setFullYear(year);  date.setMonth(month - 1); // 月份从0开始,所以需要-1  return date;  
}  let newDate = setYearAndMonth(new Date(currentDate), 2024, 3); // 假设我们要设置为2024年3月  
console.log("修改后的日期:", newDate);

二、Math

JavaScript Math 对象详解练习题

编写一段JavaScript代码,使用Math对象来完成以下任务:

  1. 计算并输出自然对数的底数e(约等于2.71828)和圆周率π(约等于3.14159)。
  2. 计算一个数(比如-5)的绝对值,并输出。
  3. 找出两个数(比如10和20)中的最小值和最大值,并输出。
  4. 计算一个数(比如2)的任意次幂(比如3次幂),并输出。
  5. 对一个浮点数(比如1.64)进行四舍五入到最接近的整数,并输出。
  6. 生成一个0到1之间的随机数(不包括1),并输出。

源代码

// 1. 计算并输出自然对数的底数e和圆周率π  
console.log("自然对数的底数 e:", Math.E);  
console.log("圆周率 π:", Math.PI);  // 2. 计算一个数的绝对值  
let number = -5;  
console.log("数 " + number + " 的绝对值:", Math.abs(number));  // 3. 找出两个数中的最小值和最大值  
let num1 = 10;  
let num2 = 20;  
console.log("数 " + num1 + " 和 " + num2 + " 中的最小值:", Math.min(num1, num2));  
console.log("数 " + num1 + " 和 " + num2 + " 中的最大值:", Math.max(num1, num2));  // 4. 计算一个数的任意次幂  
let base = 2;  
let exponent = 3;  
console.log("数 " + base + " 的 " + exponent + " 次幂:", Math.pow(base, exponent));  // 5. 对一个浮点数进行四舍五入到最接近的整数  
let floatNum = 1.64;  
console.log("浮点数 " + floatNum + " 四舍五入后的整数:", Math.round(floatNum));  // 6. 生成一个0到1之间的随机数(不包括1)  
let randomNum = Math.random();  
console.log("生成的0到1之间的随机数:", randomNum);

三、自定义对象

1. 通过new Object创建对象

使用new Object来创建一个简单的用户对象,该对象包含nameage两个属性。

2. 通过function设计一个对象

使用构造函数(function)来定义一个用户对象,该对象同样包含nameage两个属性,并且有一个greet方法。

3. 为已经存在的对象,增加新的方法

在通过构造函数创建的用户对象上,增加一个introduce方法,该方法用于输出用户的自我介绍。

源代码

1. 通过new Object创建对象

// 创建一个新的用户对象  
let user = new Object();  
user.name = "Alice";  
user.age = 25;  console.log("用户姓名:", user.name);  
console.log("用户年龄:", user.age);

2. 通过function设计一个对象

// 定义一个构造函数  
function User(name, age) {  this.name = name;  this.age = age;  this.greet = function() {  console.log(`你好,我是${this.name},今年${this.age}岁了。`);  };  
}  // 创建一个新的用户对象  
let user1 = new User("Bob", 30);  
user1.greet(); // 调用greet方法

3. 为已经存在的对象,增加新的方法

// 假设已经有一个通过构造函数创建的用户对象  
let user2 = new User("Charlie", 35);  // 给user2对象增加新的方法  
User.prototype.introduce = function() {  console.log(`大家好,我是${this.name},今年${this.age}岁。很高兴认识大家!`);  
};  // 调用新增加的方法  
user2.introduce();  // 注意:这里我们通过修改User的prototype来为所有通过User创建的实例增加方法。  
// 这意味着所有通过User构造函数创建的实例都将能够访问到这个新方法。

注意事项

  • 在实际开发中,我们通常更倾向于使用构造函数(function)来定义对象,因为它们提供了更好的封装和复用性。
  • 使用new Object创建对象通常不是最佳实践,因为它不够灵活,也不支持继承。
  • 当我们想要给对象的所有实例添加新的方法时,可以通过修改该对象的prototype来实现。这样做可以节省内存,因为所有实例都将共享同一个prototype对象。
     

结语

经过以上关于日期、Math对象和自定义对象的练习题和代码实践,相信你已经对JavaScript中的这些核心概念有了更深入的理解。日期对象(Date)允许我们处理日期和时间,无论是获取当前时间,还是进行日期之间的计算,都提供了丰富的API。Math对象则为我们提供了一系列数学常量和函数,包括基本的数学运算、三角函数、对数函数等,极大地简化了复杂的数学计算。

在自定义对象方面,通过new Object和构造函数(function)的两种方式,我们可以灵活地创建和定义对象,为它们添加属性和方法。同时,通过修改对象的prototype,我们还可以为所有通过该构造函数创建的实例添加新的方法,实现代码的重用和扩展。

这些概念在JavaScript开发中都有着广泛的应用,无论是在前端页面处理用户交互,还是在后端服务器处理数据逻辑,都需要我们熟练掌握并灵活运用。希望这次的练习题能够帮助你巩固所学知识,提高编程能力,为未来的开发之路打下坚实的基础。

respect!

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

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

相关文章

对人脸图像进行性别和年龄的判断

判断性别和年龄 导入必要的库加载预训练的人脸检测模型加载预训练的性别和年龄识别模型定义性别和年龄的标签列表创建Tkinter窗口:定义选择图片的函数:创建一个按钮,用于打开文件选择对话框定义显示图片的函数创建预测性别和年龄的函数创建预…

MySQL临时表满了/临时表空间耗尽

在 MySQL 中,当你收到“临时表满了”的警报时,通常意味着 MySQL 在处理查询时创建的临时表空间已经耗尽。这可能会导致查询失败或性能下降。临时表通常用于处理一些需要排序、分组、或者使用临时数据存储的操作。以下是一些常见会出现临时表的情况&#…

linux暴力破解漏洞利用

禁止非法操作,仅限参考 暴力破解 编辑密码本(vim password.txt)无声进入msf(msfconsole -q)搜索ssh_login相关程序(search ssh_login)设置攻击参数(use 0) 设置用户名&…

AI发展的浪潮:回顾、现状与未来展望

在科技日新月异的今天,人工智能(AI)技术以其独特的魅力和潜力,成为推动社会进步的重要力量。从简单的自动化任务到复杂的决策支持系统,AI正在逐步渗透到我们生活的每一个角落,为我们带来了前所未有的便利和…

Docker大学生看了都会系列(二、Mac通过Homebrew安装Docker)

系列文章目录 第一章 Docker介绍 第二章 Mac通过Homebrew安装Docker 文章目录 前言Mac通过Homebrew安装本机环境系统要求terminal命令安装查看安装信息配置阿里云镜像加速登陆阿里云配置加速地址其他国内加速地址 总结 前言 在上一章了解了Docker容器是什么之后,本…

CSS--文本超出就隐藏并显示省略号

原文网址:CSS--文本超出就隐藏并显示省略号_IT利刃出鞘的博客-CSDN博客 简介 本文介绍如何让CSS中的文本超出就隐藏并显示省略号。 方法 为相应文字元素指定如下CSS: white-space: nowrap; //溢出不换行 overflow: hidden; //超出的文本隐藏 text-o…

solidworks二维样条曲线使用实例

单位mm 绘制一个圆 直径为50mm, 基准面 上视基准面,距离50mm, 2个六边形 一个内嵌圆 另一个直径60mm, 将两个六边形改成构造线 选择样条曲线,将六边形的顶点连接在一起 放样曲面 插入–曲面–放样曲面 平面区域…

makefile-cmake 打印 git commit 等编译信息

1. makefile-cmake 打印 git commit 等编译信息 1. makefile-cmake 打印 git commit 等编译信息 1.1. 前置条件及目的1.2. shell 通用方案1.3. Makefile 方案1.4. CMakeLists.txt 方案 本方法记录如何在程序中打印版本信息,比如 git commit id, git branch, git …

RabbitMQ不完整的笔记

同步的不足 1、拓展性差,当要添加功能时,需要在原来的功能代码上做修改,高耦合。 2、性能下降,调用者需要等待服务提供者执行完返回结果后,才能继续向下执行 3、级联失败,由于我们是基于OpenFeign调用交易…

Visual Studio Code使用(C++项目新建,运行)

VS Code 直接在官网下载安装。 接下来安装插件,下图是C所需的对应插件 1.新建项目 VS Code下载安装完成后,直接进入欢迎页: 在访达/文件夹中新建一个文件夹,欢迎页点击【打开】,选择刚刚新建的文件夹。点击第一个图…

opencv--3d数据拟合平面并对倾斜平面矫正

对于深度数据而言,mat记录的是深度值,当对深度值进行各种处理,例如获取直线、圆、椭圆等其他形状时,如果平面没有完全水平,你使用opencv处理精度是有损失的,因此这里使用opencv 先对平面进行矫正&#xff0…

华为OD机试 - 最大坐标值(Java 2024 D卷 100分)

华为OD机试 2024C卷题库疯狂收录中,刷题点这里 专栏导读 本专栏收录于《华为OD机试(JAVA)真题(A卷B卷C卷)》。 刷的越多,抽中的概率越大,每一题都有详细的答题思路、详细的代码注释、样例测试…

数据结构第三篇【链表的相关知识点一及在线OJ习题】

数据结构第三篇【链表的相关知识点一及在线OJ习题】 链表链表的实现链表OJ习题顺序表和链表的区别和联系 本文章主要讲解关于链表的相关知识,喜欢的可以三连喔 😀😃😄😄😊😊🙃&#…

【前缀“选区-” bat脚本】

我们可以提供一个更完整的批处理脚本和PowerShell脚本。确保它们都能正确处理带有前缀“选区-”的文件名。 批处理脚本(.bat): 以下是改进后的批处理脚本,使用dir /b /a-d列出文件,并确保正确处理包含非ASCII字符的文件名: @echo off setlocal enabledelayedexpansion …

Makefile的入门学习

一、Makefile的入门学习 编译工具及构建工具介绍 在之前的课程,都是直接使用gcc对代码进行编译,这对简单的工程是可以的,但当我们遇到复杂的工程时,每次用gcc等编译工具去操作就会显得很低效。因此make工具就出现了,…

LeetCode1137第N个泰波那契数

题目描述 泰波那契序列 Tn 定义如下: T0 0, T1 1, T2 1, 且在 n > 0 的条件下 Tn3 Tn Tn1 Tn2给你整数 n,请返回第 n 个泰波那契数 Tn 的值。 解析 递归应该会超时,可以用循环,或者官方解法的矩阵的幂。 public int tr…

(4) qml动态元素

文章目录 概述注意 动画元素变化的策略Animation on 变化behavior on⽤standalone animation注意 缓冲曲线(Easing Curves)动画分组 概述 这⼀章介绍如何控制属性值的变化,通过动画的⽅式在⼀段时间内来改变属性值。这项技术是建⽴⼀个现代化…

获取(复制)网页上的文字

获取(复制)网页上的文字 今天在搜索历史课本上一段文言文的翻译时,找到的网页,屏蔽了右键,不能选择,当然不让复制啦。对于这样的网站可以采用如下方法进行数据的获取,以chrome为例。 1、网页另…

keil5常见使用技巧记录(更新)

快速到函数定义 F12或自己定义快捷键CTRLK(个人设定) 修改快捷键 下图实例是快速跳转到函数或变量定义位置,当然可以定义其他功能快捷键,如快速注释多行,快速消除注释等 标记全部查找变量的蓝色框取消 CTRLshiftF2…

【YOLOv10改进[Backbone]】图像修复网络AirNet助力YOLOv10目标检测效果 + 含全部代码和详细修改方式 + 手撕结构图 + 全网首发

本文带来的是图像复原网络AirNet,它由基于对比度的退化编码器( CBDE )和退化引导的恢复网络( DGRN )两个模块组成。可以在一个网络中恢复各种退化图像。AirNet不受损坏类型和级别的先验限制,仅使用观察到的损坏图像进行推理。本文中将使用图像修复网络Ai…