JavaScript——内置类Date和Array

JavaScript学习笔记（四）——内置类Date和Array

0x01 Date类

获取系统当前时间并格式化（使用Date类）

window.onload = function() {
var now = new Date();//获取系统当前时间
	var y = now.getFullYear();
	var mm = now.getMonth() + 1;
	var d = now.getDate();
	document.write(y + "年" + mm + "月" + d + "日");(y + "年" + mm + "月" + d + "日");//格式化日期格式为xxxx年xx月xx日
        }

获取毫秒数（1970年1月1日00:00:00到系统当前时间的总毫秒数）

window.onload = function() {
    document.write(new Date().getTime());//获取毫秒数
}

在网页显示网页时钟的具体代码：

html代码

<body> 
    <input type="button" value="显示系统当前时间" id="submit" />
    <!--此处显示网页时钟（秒自动更新）-->
    <div id="timediv"></div>
</body>

JavaScript代码

window.onload = function(){
    document.getElementById("submit").onclick = function() {
        window.setInterval("start()", 1000);//此处代表1000ms执行一次start()函数
    }
}
function showDate() {
    var now = new Date();//获取系统当前时间
    var y = now.getFullYear();
    var mm = now.getMonth() + 1;
    var d = now.getDate();
    var h = now.getHours();
    var m = now.getMinutes();
    var s = now.getSeconds();

    var nows = y + "年" + mm + "月" + d + "日" + h + ":" + m + ":" + s;
    document.getElementById("timediv").innerHTML = nows;
}
function start() {
    showDate();
}

0x02 Array类

JavaScript中创建数组的方式：

var arr1 = [];
var arr2 = [1, 2, 3];

另一种创建数组的方式：

var arr1 = new Array();//表示空数组
var arr2 = new Array(3);//表示数组长度为3
var arr3 = new Array(3, 2);//表示数组中的元素是3和2

数组的数据类型随意：

var arr = [1, "a", true]

数组下标不会越界即数组会自动扩充

var arr = [1, 2, 3, 4];
arr[5] = 6;
//遍历数组
for (var i = 0; i < arr.length; ++i) {
    document.write(arr[i] + " ") //1 2 3 4 undefined 6
}

此时的输出结果为：1 2 3 4 undefined 6

下面的代码是数组中的一些函数

var arr = [1, 2, 3];
var str = arr.join("-");//用“-”将数组中的元素连接起来
document.write(str + "<br>");//输出：1-2-3
arr.push(4);//向数组后面添加数据 
document.write(arr + "<br>"); //输出：1,2,3,4
arr.pop();//将数组末尾的数据弹出，数组长度-1；
document.write(arr + "<br>");//输出：1,2,3
arr.reverse();//反转数组
document.write(arr + "<br>");//输出：3,2,1