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

前言

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

一、日期（Date）

1. 创建日期对象

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

2. 获取年/月/日

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

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

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

4. 确定一周的第几天

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

5. 计算经历的毫秒数

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

6. 修改日期和时间

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

javascript 复制代码

// 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对象来完成以下任务：

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

源代码

javascript 复制代码

// 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来创建一个简单的用户对象，该对象包含name和age两个属性。

2. 通过function设计一个对象

使用构造函数（function）来定义一个用户对象，该对象同样包含name和age两个属性，并且有一个greet方法。

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

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

源代码

1. 通过new Object创建对象

javascript 复制代码

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

2. 通过function设计一个对象

javascript 复制代码

// 定义一个构造函数  
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. 为已经存在的对象，增加新的方法

javascript 复制代码

// 假设已经有一个通过构造函数创建的用户对象  
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！