JavaScript 日期对象、一维数组与二维数组使用指南

创建日期对象

在 JavaScript 中，Date 对象用于处理日期和时间。创建新实例的基本语法为 new Date([日期参数])。如果不传递参数或参数省略，默认表示当前系统时间，这是最常用的方式。若需指定具体时间，可使用以下两种常见格式：

• 字符串格式：采用 "月 日，年 时:分:秒" 的形式。例如：new Date("October 1, 2008 12:00:00")。
• 数值格式：参数依次为年、月、日、小时、分钟和秒。例如：new Date(2008, 9, 1)（注意月份从 0 开始计数）。

第 1 步：获取并格式化当前时间

为了将抽象的时间数据展示给用户，通常需要获取年份、月份、日期及星期等信息。由于 getMonth() 返回的是 0-11 之间的整数，而 getYear() 在某些旧浏览器中存在溢出问题，通常做法是手动加 1 显示月份，并在年份上加上 1900（针对 IE 旧版行为或确保四位年份显示）。

<script type="text/javascript">
// 创建当前日期对象
var date = new Date();
// 获取星期几，0 代表周日
var day = date.getDay();
if (day == 0) {
    day = "日";
}
// 组合输出时间字符串
// 注意：现代开发建议使用 getFullYear() 替代 getYear()
document.write("现在时刻: " + (date.getFullYear()) + 
"年 " + (date.getMonth() + 1) + "月 " +
date.getDate() + "日 星期 " + day + " " +
date.getHours() + ":" + date.getMinutes() + ":" + date.getSeconds());
</script>

数组对象的使用

JavaScript 数组具有可变长度且元素类型可以不同的特点。创建数组主要有以下几种方式：

1. 指定长度：var arr = new Array(3);，仅分配空间不赋值。
2. 直接赋值：var arr = new Array("a", "b");，传入具体元素。
3. 字面量定义（推荐）：var arr = ["苹果", "鸭梨", "橘子"];，语法简洁且性能通常更好。

第 2 步：遍历一维数组

定义数组后，可以利用 length 属性和 for 循环进行遍历。这种方式适用于动态生成列表或处理数据集合。

<script type="text/javascript">
// 推荐使用字面量方式初始化数组
var fruits = ["苹果", "鸭梨", "橙子", "香蕉"];

// 遍历并打印每一项
for (var i = 0; i < fruits.length; i++) {
    document.writeln("fruit[" + i + "] = " + fruits[i] + "<br>");
}
</script>

二维数组的处理

虽然 JavaScript 没有原生的多维数组概念，但可以通过数组内嵌数组的方式实现二维数组。在处理表格数据或矩阵逻辑时非常有用。

第 3 步：构建并遍历二维数组

外层数组存储的是内层数组对象。遍历时需要两层嵌套循环，外层控制行，内层控制列。每完成一行数据的输出，建议添加换行符以增强可读性。

<script type="text/javascript">
// 初始化一个包含两列信息的二维数组：水果名称和数量
var data = [
    ["苹果", 2],
    ["鸭梨", 3],
    ["桃子", 4]
];

// 双重循环遍历
for (var i = 0; i < data.length; i++) {
    for (var j = 0; j < data[i].length; j++) {
        // 使用反引号模板字符串或直接拼接
        document.writeln("data[" + i + "][" + j + "] = " + data[i][j] + " </br>");
    }
    // 每一行结束后单独换行
    document.writeln("<hr>");
}
</script>

总结

掌握 Date 对象的时间格式化以及数组的各种操作方式是 JavaScript 开发的基石。在实际应用中，对于数组，优先使用字面量 [] 语法；对于日期，注意月份的索引是从 0 开始的特性，避免常见的 off-by-one 错误。以上就是 JavaScript 的日期对象、数组对象与二维数组使用说明的详细内容，更多关于 JavaScript 基础知识的资料请关注本站其它相关文章！